入力されていないすべての要素を非選択にする方法

Question

ページに大きな画像がたくさんあります。ユーザーがカーソルをドラッグすると、青い選択されたハイライトが画像を曇らせてしまいます。どのように私はすべての形式、テキストエリア、および機能するために選択する必要がある入力フィールドを除いて、

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

this plugin（NOSELECT jQueryの-プラグイン）を使用し、選択された要素を見つけて、それらの選択を解除することができます。

多分:selectedjQuery selectorを含む何か？

ありがとうございました！

Answer 1

:selectedセレクタはselect文に使用されます。リスト/オプション。

選択したくない画像に適切なCSSを追加してみませんか？ あなたがリッスンしているドラッグイベントがある場合は、ドラッグ開始時にすべてのイメージに適用します。

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