onclick和onselect javascript事件的顺序

Question

当用户点击选择控件以选择选项时，是否同时触发onclick和onselect事件？如果是这样，按什么顺序？它是依赖于浏览器的吗？

谢谢！

Answer 1

select事件不符合您的想法。当您在文本框或文本区域中选择文本时会触发它。单击select元素时触发的事件是：

1. 鼠标按下
2. 焦点（如果选择元素尚未具有焦点）
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

应该是：

• mousedown
• 鼠标松开
• 点击
• 选择

但我不确定非标准浏览器（IE）是否始终符合这一点。如果有疑问，请使用一堆事件监听器进行测试。