javascript - 复选框的单击和更改事件顺序是否有标准？

Question

我注意到 Chrome 和 Firefox 中“单击”和“更改”事件的顺序不同。

例如，请参阅此 JSFiddle:http://jsfiddle.net/5jz2g/3/

JavaScript:

var el = $('foo');
var fn = function(e) {
    console.log(e.type);
}
el.addEvent('change', fn);
el.addEvent('click', fn);

在 Chrome 中，这会记录:

change
click

在 Firefox 中，这会记录:

click
change

事件的先后顺序有标准吗？哪个应该先开火？ MDN 似乎没有提到这一点，我在 W3C 文档中找不到关于此的内容。

Answer 1

DOM3 事件文档有一个 recommendation关于事件顺序。根据它，如果是复选框，正确的顺序将是 click然后 change反之亦然，因为 change事件显然是复选框默认操作的一部分，请参阅 Example 5和 fiddle ，它在 FF 中按预期工作，但在 Chrome 中没有。无论如何，这是合乎逻辑的。但!让我们仔细阅读默认操作部分:

Default actions should be performed after the event dispatch has been completed, but in exceptional cases may also be performed immediately before the event is dispatched.

你看见了吗？ W3C 在一句话中使用了 RFC 的 SHOULD 和 MAY 两个词!没什么可做的，他们是谨慎的人。 IMO，这就是为什么我们拥有我们所拥有的:)