javascript: Вимкнути вибір тексту

Я використовую javascript, щоб вимкнути виділення тексту на моїй веб-сторінці.

Код:

<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>

Подібний сценарій можна знайти тут

На моєму localhost: всі браузери (Firefox, Chrome, IE та Safari) чудово працюють.

На моєму веб-сайті в прямому ефірі: все нормально, окрім Firefox.

Мої запитання:

1. Хтось має пропозицію щодо того, чому Firefox поводиться по-різному для веб-сайту та локального хосту. Примітка: Javascript увімкнено.

2. Можливо, мій сценарій занадто спрощений, тому я спробував наступне з ТОЧНО ЖИМИ результатами

Просто використовуйте цей метод css:

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Ви можете знайти ту саму відповідь тут: Як відключити виділення тексту виділенням за допомогою CSS?

Я пишу повзунок ui для забезпечення функції перетягування, це мій спосіб запобігти вибору вмісту під час перетягування користувачем:

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
}

прив’язати startDragдо свого дому:

<button onmousedown="startDrag">...</button>

Якщо ви хочете статично вимкнути виділення тексту для всіх елементів, виконайте код під час завантаження елементів:

window.addEventListener('selectstart', function(e){ e.preventDefault(); });

      

Для JavaScript використовуйте цю функцію:

function disableselect(e) {return false}
document.onselectstart = new Function (return false)
document.onmousedown = disableselect

щоб увімкнути вибір, використовуйте це:

function reEnable() {return true}

і використовуйте цю функцію де завгодно:

document.onclick = reEnable

Якщо у вас є така HTML-сторінка:

    <тіло
    onbeforecopy = "повернути false"
    ondragstart = "повернути false" 
    onselectstart = "повернути false" 
    oncontextmenu = "повернути false" 
    onselect = "document.selection.empty ()" 
    oncopy = "document.selection.empty ()">

Існує простий спосіб відключити всі події:

document.write(document.body.innerHTML)

Ви отримали HTML-вміст і загубили інші речі.

Можна також використовувати, працює нормально у всіх браузерах, потрібен javascript:

onselectstart = (e) => {e.preventDefault()}

Приклад:

onselectstart = (e) => {
  e.preventDefault()
  console.log("nope!")
  }

Select me!

Ще одна альтернатива js, протестувавши підтримку CSS та відключивши userSelect, або MozUserSelectдля Firefox.

let FF
if (CSS.supports("( -moz-user-select: none )")){FF = 1} else {FF = 0}
(FF===1) ? document.body.style.MozUserSelect="none" : document.body.style.userSelect="none"

Select me!

Чистий css, та сама логіка. Попередження, що вам доведеться поширювати ці правила на кожен браузер, це може бути багатослівно.

@supports (user-select:none) {
  div {
    user-select:none
  }
}

@supports (-moz-user-select:none) {
  div {
    -moz-user-select:none
  }
}

<div>Select me!</div>

Простий Скопіюйте цей текст і поставте на попередньому </body>

function disableselect(e) {
  return false
}

function reEnable() {
  return true
}

document.onselectstart = new Function ("return false")

if (window.sidebar) {
  document.onmousedown = disableselect
  document.onclick = reEnable
}