Как предотвратить выделение в таблице

#jquery #css #selection

#jquery #css #выделение

Вопрос:

Я использовал пользовательский интерфейс jQuery, выбираемый с помощью таблицы, при использовании множественного выделения с помощью Ctrl у меня возникает следующая проблема:

введите описание изображения здесь

Как я мог бы предотвратить первоначальное выделение в HTML в таблице с сохранением функциональности jQuery?

Я уже пробовал использовать user-select: none; для таблицы, но это не сработало!

Любая помощь!

Ответ №1:

Для полностью кроссбраузерного решения, не стесняйтесь использовать мой плагин jQuery noSelect. Вот общая демонстрация: http://mathiasbynens.be/demo/noselect

Но вы могли бы использовать это следующим образом:

 $('table').noSelect();
  

Ответ №2:

Не существует единого способа сделать элементы невыбираемыми в кроссбраузерном режиме, однако у каждого браузера, похоже, есть свой собственный способ добиться этого.
для Chrome и Firefox добавьте это в css:
-webkit-user-select: нет;
-moz-user-select: нет;
user-select: нет;

Последнее работает для Opera, но я не уверен. Что касается IE, добавьте ‘ unselectable=»on» ‘ к самому HTML-тегу, как в <input id="i1" unselectable="on" ..etc

Ответ №3:

user-select не полностью поддерживается всеми браузерами. Не зависите от этой функции.