jQuery .on（）はHTML5の選択ボックスでは動作しません。

Question

選択ボックスの上にマウスを置いたときにイベントをキャプチャしようとしています。私は次のように.on（）を使用しています。

$(document).on('hover', "select#selectBox", function() { 
    alert("done"); 
    }); 

DOM文書内にこのスニペットを使用しています。

イベントをクリック、スクロール、マウスオーバー、マウスセンターなどに変更しようとしました。 あまりにもそれらのために動作していないようです。

私が間違っている箇所を指摘してください。

私はJSFiddleを作った：https://jsfiddle.net/g9vf1mty/2/

EDIT：迅速な対応のみんなありがとう！ 私は間違いを修正しました:)

私は少しJSFiddleを微調整しました。今、私はオプションの数よりも小さいサイズで選択ボックスをスクロールしようとしていると 'ホバー'イベントを 'スクロール'イベントに変更しました。そのようには動作しないようです。

私はjQuery 2.1.3を使用しています。ここ

JSFiddle：https://jsfiddle.net/g9vf1mty/8/は

Answer 1

レディ擬似イベント内でレベルdocumentにバインドされたイベントをラップする必要はありません。

は、最終的に（/アウト）ハンドラ内でイベントの種類によってフィルタリング

$(document).on('mouseenter mouseleave', "#selectBox", function(e) { 
    alert("done: " + e.type); 
}); 

：あなたは動的な要素をhanldeするかもしれない、イベントを委任したいのでと、正しい方法は、両方の mouseenter & mouseleaveイベントをバインドするために、この方法だろう

Answer 2

あなたのフィドル:)この（SO質問）にも

ルック[Is it possible to use jQuery .on and hover?

Answer 3

$("select#selectBox").hover(function() { 
alert("working"); 
}); 

でのMouseEnterイベント

と含まjqueryのを使用する必要があります上記のようにホバー機能を使用する。さらに重要なことに、jQueryライブラリも見逃してしまいました。

はjQuery 1.8となり、jqueryの上位バージョンでは機能しません。