Как отключить выбор текста на веб-странице

Я пытаюсь сделать веб-страницу очень родной. Как удалить выбор, выбрать все свойство на веб-странице?

Ответ 1

Отключить выбор каждого элемента с помощью CSS

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

Это поддерживается устройствами Chrome, Safari, Firefox, IE 10 и iOS. Подробнее о странице MDN.

Изменить: Если вы хотите, чтобы <input> и <textarea> оставались доступными в Firefox, добавьте:

input,
textarea {
     -moz-user-select: text;
}

Отключить контекстное меню с помощью jQuery

$(document).on("contextmenu", function (event) { event.preventDefault(); });

Ответ 2

используйте этот код https://www.docsity.com/it/teorie-e-pratiche-del-web-4/556038/

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

Ответ 3

Этот JavaScript отключит выбор, копирование и вставку содержимого Но если пользователь сохранит страницу на локальном компьютере, они смогут делать "что угодно" с вашим кодом.

//disable cut copy past
var message = "";
function clickIE() { if (document.all) { (message); return false; } }
function clickNS(e) {
    if(document.layers || (document.getElementById && !document.all)) {
        if (e.which == 2 || e.which == 3) { (message); return false; }
    }
}
if (document.layers)
{ document.captureEvents(Event.MOUSEDOWN); document.onmousedown = clickNS; }
else { document.onmouseup = clickNS; document.oncontextmenu = clickIE; }
 document.oncontextmenu = new Function("return false")


//for disable select option
document.onselectstart = new Function('return false');
function dMDown(e) { return false; }
function dOClick() { return true; }
document.onmousedown = dMDown;
document.onclick = dOClick;

Ответ 4

Вы можете отключить, добавив атрибут в свой тег body oncontextmenu = "return false;

<body oncontextmenu="return false;">

Ответ 5

может это помочь вам

<div onselectstart="return false;" style="-moz-user-select: none;">

Ответ 6

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