Как отменить выбор всех элементов, которые не являются полями ввода

Question

У меня есть много больших изображений на странице, и когда пользователь перетаскивает курсор на них, выбранная синяя подсветка перекрывает изображения и не может легко исчезнуть.Как я могу использовать этот плагин (noSelect jQuery-Plugin)

$.fn.noSelect = function(){
        var none = 'none';
        return this.bind('selectstart dragstart mousedown', function() {
                return false;
        }).css({
                'MozUserSelect': none,
                'WebkitUserSelect': none,
                'userSelect': none
        });
};

и найти выбранные элементы и отменить их выбор, все, кроме форм, текстовых областей и полей ввода, которые требуютбыть выбранным для работы.

Может быть, что-то, связанное с :selected jQuery селектором ?

Большое спасибо!

Answer 1

Селектор :selected используется для операторов выбора, т.е.списки / опции.

Почему бы вам просто не добавить соответствующий CSS к изображениям, которые вы не хотите выбирать?Если есть событие перетаскивания, которое вы слушаете, просто примените его ко всем изображениям при начале перетаскивания.

var isDragging = false;
$(document).ready(function(){
        $("img").noSelect();
        //or
        $(document).mousedown(function(){
             isDragging = true;
             $("img").noSelect();
        }).mouseup(function(){
             isDragging = false;
             $("img").makeSelectable();
        });
});