onclick和onselect javascript事件的順序

Question

當用戶單擊選擇控件以選擇選項時，會同時觸發onclick和onselect事件嗎？ 如果是這樣，按什么順序？ 是否依賴於瀏覽器？

謝謝！

Answer 1

select事件不會執行您認為的操作。 當您在文本框或文本區域中選擇文本時會觸發。 單擊選擇元素時觸發的事件是：

1. 鼠標按下
2. 焦點（如果select元素尚未具有焦點）
3. 鼠標松開
4. 點擊

通過單擊選擇列表中的項目來更改所選值時，將觸發change事件。 在IE中，每次使用鍵盤更改突出顯示的項目時也會觸發此事件。 在Firefox和Chrome中，您必須按“輸入”鍵才能觸發change 。

Answer 2

應該相當容易測試：

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

Answer 3

它應該是：

• 鼠標按下
• 鼠標松開
• 點擊
• 選擇

但是我不確定非標准瀏覽器（IE）是否始終符合此要求。 如有疑問，請使用一系列事件偵聽器進行測試。