<!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规范,哪些应该是标准行为?
解决方法
所以对于这个测试我做了这个
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然后尝试聚焦有问题的字段,这将模糊空的下一个字段