jquery - jQuery: イベント バインディング

Question

サイズ 4 の選択があります。問題は、任意のオプションをクリックできることです。マウス ボタンを放さずに、カーソルを上下に移動するだけで、他のオプションを選択できます。このイベントをjQueryにバインドする方法は? .change()イベントは正確に機能します。

HTML コード

<select name="test" size="4">
<option value="1">value 1</option>
<option value="2">value 2</option>
<option value="3">value 3</option>
<option value="4">value 4</option>
</select>

jQuery コード

$('select[name="test"] option').each(function(){
     $(this).on("click",
       function() {
          //do
       });
});

Answer 1

タグでイベントを処理しないでください<option>。changeタグでイベントを処理<select>すると、jquery イベント ハンドラが正しく機能します。

例: http://jsfiddle.net/avall/YyHAD/4/

Answer 2

select で change() を使用できます。

$('select[name="test"]').change(function(){
    alert($(this).val());
});

http://jsfiddle.net/xKDM6/を参照してください

Answer 3

Jquery で mousedown イベントを確認します。このリンクが役立つ場合があります。