Question

<!doctype html>
<body>
<input onblur="alert('b');">
<button onmousedown="alert('m');">a</button>
</body>

出于某种原因，模糊似乎首先在FF / IE上闪现（但是mousedown似乎首先针对Chrome / Safari开火）。

然而，当我们将代码更改为：

<!doctype html>
<body>
<input onblur="document.title+='b';">
<button onmousedown="document.title+='m';">a</button>
</body>

现在出于某种原因，mousedown似乎首先针对所有浏览器启动。

1）这种异常可能是什么原因？

2）基于W3C规范，应该是标准行为？

Answer 1

所以对于这个测试，我做了这个fiddle

<input onblur="document.getElementById('msg').innerHTML+=new Date().getTime()+' - blur<br/>'">
<button onmousedown="document.getElementById('msg').innerHTML+=new Date().getTime()+' - md<br/>'">a</button>
<div id="msg">---<br/></div>

在Windows XPsp3上，在Fx5，IE8，Opera 11，Safari5，Chrome 13中，它首先全部被mousedown，模糊之后

更新：除了使用警报时。如果你在某个地方发出警报，你就不能指望任何你想要的方式工作。

例如，一些（较旧的）浏览器会进入一个永无止境的循环，如果你警告错误onblur然后尝试聚焦有问题的字段，这将模糊空的下一个字段

Answer 2

哦，天哪，这是一个无休止的故事。我不想知道花了多少时间来正确地计算这种行为。如你所述，它的行为不同，所以实际上没有“正确”。但是我对W3C关于这个特定实例的规范并不是很了解（如果有一个实体是一个？），但是要知道，你必须创建一些逻辑来按正确顺序触发事件。这太可恶了。

2 个答案: