javascript Disable Text Select

Question

I m using javascript to disable text selection on my webiste   The code is    lt script type  text JavaScript  gt   function disableselect e      return false    function reEnable       return true    document onselectstart   new Function   return false    if  window sidebar      document onmousedown   disableselect   document onclick   reEnable    lt  script gt    Similar script can be found here  On my localhost  All Browsers  Firefox  Chrome  IE and Safari  work great   On my Live site  All ok EXCEPT Firefox   My questions are    Does anyone have a suggestion as to why Firefox behaves differently for the live site and local host  Note  Javascript is enabled  Maybe my script is too simplistic so I ve tried the following with EXACTLY SAME Results

User · Answer

If you got a html page like this         lt body     onbeforecopy    return false      ondragstart    return false       onselectstart    return false       oncontextmenu    return false       onselect    document selection empty         oncopy    document selection empty    gt     There a simple way to disable all events   document write document body innerHTML   You got the html content and lost other things

User · Answer

Just use this css method   body      -webkit-touch-callout  none      -webkit-user-select  none      -khtml-user-select  none      -moz-user-select  none      -ms-user-select  none      user-select  none      You can find the same answer here  How to disable text selection highlighting using CSS

User · Answer

For JavaScript use this function   function disableselect e   return false  document onselectstart   new Function  return false  document onmousedown   disableselect   to enable the selection use this   function reEnable    return true    and use this function anywhere you want   document onclick   reEnable

User · Answer

I m writing slider ui control to provide drag feature  this is my way to prevent content from selecting when user is dragging  function disableSelect event        event preventDefault       function startDrag event        window addEventListener  mouseup   onDragEnd       window addEventListener  selectstart   disableSelect              my other code    function onDragEnd         window removeEventListener  mouseup   onDragEnd       window removeEventListener  selectstart   disableSelect              my other code    bind startDrag on your dom   lt button onmousedown  quot startDrag quot  gt     lt  button gt   If you want to statically disable text select on all element  execute the code when elements are loaded  window addEventListener  selectstart   function e   e preventDefault

User · Answer

One might also use  works ok in all browsers  require javascript   onselectstart    e    gt   e preventDefault      Example   x000D   x000D  onselectstart    e    gt    x000D    e preventDefault   x000D    console log  nope    x000D      x000D  Select me  x000D   x000D   x000D      One other js alternative  by testing CSS supports  and disable userSelect  or MozUserSelect for Firefox    x000D   x000D  let FF x000D  if  CSS supports    -moz-user-select  none      FF   1  else  FF   0  x000D   FF   1    document body style MozUserSelect  none    document body style userSelect  none  x000D  Select me  x000D   x000D   x000D      Pure css  same logic  Warning you will have to extend those rules to every browser  this can be verbose    x000D   x000D   supports  user-select none    x000D    div   x000D      user-select none x000D      x000D    x000D   x000D   supports  -moz-user-select none    x000D    div   x000D      -moz-user-select none x000D      x000D    x000D   lt div gt Select me  lt  div gt  x000D   x000D   x000D

User · Answer

Simple Copy this text and put on the before  lt  body gt   function disableselect e      return false    function reEnable       return true    document onselectstart   new Function   return false    if  window sidebar      document onmousedown   disableselect   document onclick   reEnable

[javascript] javascript: Disable Text Select

Examples related to javascript