Internet Explorerの場合のみ、要素のクリック、マウスダウン、マウスアップ、マウスバーなどのターゲット(srcElement)は<select />要素に関連付けられないよう<option />です。
次のHTMLが与えられます:
<select id="madness">
<option value="1">One</option>
<option value="2">Two</option>
<option value="2">Three</option>
</select>
そしてこの基本的なjQueryイベントハンドラー:
$("#madness").mousedown(function(e){
alert(e.target.value); //jQuery pushes srcElement into the target for us here
});
e.targetにある、またはe.srcElement常に等しいオブジェクトであり、では<select />ありません<option />。
クリエイティブになって使用してみることにしdocument.elementFromPoint(e.clientX,e.clientY)ました。これにより、SELECT要素も返されます。
それは問題をもたらします、 viaイベントの引数、座標、または他の何かの<option />内部を決定する方法はありますか?<select />チェックボックスのスクロール可能なdivを使用してこれを偽造できることを認識しています。この質問の目的のために、ネイティブのselect要素を使用できるソリューションが必要です。