ДОМ: Как предотвратить [mouseClick -> selection] с помощью jQuery Css3 HTML5 - PullRequest
1 голос
/ 12 февраля 2012

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

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

Как я могу добиться этого, не нанося вред окнам ввода?

Я перепробовал много решений, но ни одно из них не препятствует этому полностью на странице, не нарушая поля ввода.

Спасибо.

1 Ответ

2 голосов
/ 12 февраля 2012

Если у вас уже включен jQuery UI, вы можете просто связать .disableSelection() В противном случае используйте этот замечательный плагин, который я скопировал отсюда Как отключить выделение текста с помощью jQuery?

(function($){

$.fn.disableSelection = function() {
    return this.each(function() {           
        $(this).attr('unselectable', 'on')
               .css({
                   '-ms-user-select':'none'
                   '-moz-user-select':'none',
                   '-webkit-user-select':'none',
                   'user-select':'none',
               })
               .each(function() {
                   this.onselectstart = function() { return false; };
               });
    });
};

})(jQuery);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...