javascript: Disable Text Select

Question

I'm using javascript to disable text selection on my webiste.

The code is:

<script type="text/JavaScript">  function disableselect(e) {   return false }  function reEnable() {   return true }  document.onselectstart = new Function ("return false")  if (window.sidebar) {   document.onmousedown = disableselect   document.onclick = reEnable } </script> 

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:

1. Does anyone have a suggestion as to why Firefox behaves differently for the live site and local host. Note: Javascript is enabled.

2. Maybe my script is too simplistic so I've tried the following with EXACTLY SAME Results

Answer 1

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?