選択ボックスとのやりとりの検出

Question

どのように（javascriptまたはjQueryを使用して）、以前に選択されたものと同じオプションであっても（つまり変更イベントは発生しない）、選択ボックスから値が選択されたときを検出できます。

主に私はマウスの摂動のためにこれを必要としますが、キーボードでも機能するソリューションは便利です。

Answer 1

では動作しません。マークアップでは、1つの追加オプション（最初の子）を作成し、非表示にしました（通常のChrome/FF/Safari、IEでは完全に非表示にします）。それでいいよ。 jQueryのを使用して次に

<select> 
    <option style="display: none"></option> 
    <option>First</option> 
    <option>Second</option> 
    <option>Third</option> 
</select>​ 

我々は隠されたオプションの値にその値をリセットしselectmousedownトリガ、という方法でchangeとmousedownイベントをバインド。

$("select").on({ 
    change: function() { 
     console.log($(this).val()); 
    }, 
    mousedown: function() { 
     $(this).val($(":first", this).val()); 
    } 
});​ 

DEMO：http://jsfiddle.net/LzNrS/

UPDATE：ユーザーがselectをクリックしますが、何も選択しないことを決定した選択された値を維持するためには、我々は少しblurイベントを追加し、コードを変更することができますmousedownを更新します。

var special = ""; // special hidden option value 
var value = ""; // temporary variable 

$("select").on({ 
    change: function() { 
     console.log($(this).val()); 
    }, 
    mousedown: function() { 
     if (this.value == special) { 
      $(this).val(value); 
      return; 
     } 
     value = this.value; 
     $(this).val(special); 
    }, 
    blur: function() { 
     if (this.value == special) 
      $(this).val(value); 
    } 
});​ 

DEMO：http://jsfiddle.net/LzNrS/1/

Answer 2

イベントハンドラを選択ボックスのオプション要素にアタッチし、その値を保存する場合は、頭の上から機能するかどうかはわかりません。マウスで

作品は、私が実行可能見つけた唯一の解決策はmousedown上のいくつかの他にselectの値を設定することにより、changeイベントを引き起こすことがあるキーボードhttp://jsfiddle.net/w4DEJ/4/

Answer 3

と思う機能がyou..try役立つ（）フォーカス本： http://api.jquery.com/focus/