javascript - onclick および onselect Javascript イベントの順序

Question

ユーザーが選択コントロールをクリックしてオプションを選択すると、onclickとonselectイベントの両方が発生しますか? もしそうなら、どのような順序で？ブラウザ依存ですか？

Answer 1

イベントは、selectあなたが思っていることをしません。テキストボックスまたはテキストエリア内のテキストを選択すると発生します。select 要素をクリックしたときに発生するイベントは次のとおりです。

1. マウスダウン
2. focus (select 要素がまだフォーカスされていない場合)
3. マウスアップ
4. クリック

選択リストの項目をクリックして選択した値を変更すると、changeイベントが発生します。IE では、強調表示された項目をキーボードで変更するたびに、このイベントも発生します。Firefox と Chrome では、「Enter」キーを押してトリガーする必要がありますchange。

Answer 2

テストはかなり簡単です。

<select onclick="alert('click');" onselect="alert('select');"><option>A</option><option>B</option></select>

Answer 3

そのはず：

• マウスダウン
• マウスアップ
• クリック
• 選択する

しかし、非標準のブラウザー (IE) が常にこれに準拠しているかどうかはわかりません。疑わしい場合は、一連のイベント リスナーでテストしてください。