Чтобы сделать объект недоступным для выбора в JavaScript, вы можете использовать несколько методов. Вот несколько подходов:
-
Свойство CSS
user-select: вы можете использовать CSS для управления возможностью выбора элемента. Установите для свойстваuser-selectзначениеnoneдля нужного объекта. Например:document.getElementById('yourElementId').style.userSelect = 'none'; -
Добавление прослушивателей событий. Вы можете предотвратить выбор, добавив прослушиватели событий к объекту и отменив событие выбора. Например:
var yourElement = document.getElementById('yourElementId'); yourElement.addEventListener('mousedown', function(event) { event.preventDefault(); }); -
Использование свойства CSS
pointer-events: установив для свойстваpointer-eventsзначениеnone, вы можете отключить все события указателя. на объекте, включая выделение. Вот пример:document.getElementById('yourElementId').style.pointerEvents = 'none'; -
Отключение выделения текста. Вы можете отключить выделение текста для элемента, используя событие
onselectstartи возвращаяfalse. Вот пример:var yourElement = document.getElementById('yourElementId'); yourElement.onselectstart = function() { return false; }; yourElement.style.MozUserSelect = 'none'; // For Firefox -
Добавление атрибута
unselectable. Вы можете присвоить объекту атрибутunselectable, чтобы предотвратить выбор. Вот пример:document.getElementById('yourElementId').setAttribute('unselectable', 'on');
Это несколько методов, которые можно использовать, чтобы сделать объект недоступным для выбора в JavaScript. Помните, что поведение некоторых методов может зависеть от браузера.