Переключаемый текст

Question

У меня есть таблица, которая заполнена данными из базы данных. Некоторый javascript позволяет пользователю выбирать определенные строки и выполнять некоторые действия. Я разрешаю пользователям щелкнуть одну строку, а затем сдвинуть, щелкнуть другую строку, чтобы создать группу (а также нажать и удерживать клавишу «Alt», чтобы выбрать / отменить выбор отдельных строк).

Проблема в том, что мне не нравится, как подсвечивается текст, когда они смещаются. Существуют ли какие-либо настройки CSS или javascript / jQuery для отключения выбираемого текста (предпочтительно через браузер или только в Firefox).

Если возможно, я также хочу позволить пользователю выбирать текст для копирования и вставки иногда или внутри ввода формы текстового поля внутри той же таблицы, поэтому я хотел бы иметь возможность включать и отключать выбор текста каким-либо образом. Есть идеи?

Answer 1

это должно сработать:

$('td').disableSelection();

Пример: http://jsfiddle.net/GhfuJ/1/

Answer 2

Вот один способ полностью отключить выделение текста:

$("selector").bind($.support.selectstart ? "selectstart" : "mousedown", function(event) {
    event.preventDefault();
});

Вот как jQueryUI реализует свой метод disableSelection() .

Вы можете настроить свой селектор так, чтобы исключить элементы textarea, или заключить код внутри обработчика событий в блок if, который оценивает логическое значение, которое устанавливается при определенных обстоятельствах (например, вы можете включить логическое значение, когда пользователь щелкает или Shift / Alt + щелчок).