onblur和onclick冲突

 

 

文本框给定一个onblur事件，按钮给定一个onclick事件，

这样的话，当点击按钮之后，文本框失去事件触发，但是按钮的onclick事件却触发不了

 

原因如下：

onclick 相当于 在某一元素上触发了 onmousedown（即鼠标按下）后 任然在该元素 上 触发了onmouseup（鼠标按键弹起）才触发 onclick; 
 对于某元素A 绑定了 click事件 并同时对另外 的元素B 绑定onblur事件， 这时候，当在A上mousedown后，即触发了B元素的onblur事件，该事件函数执行后的效果是 改变了DOM结构，使得鼠标已经不在在元素A之上。 这时鼠标任然没有mouseup ，在mouseup之后，以为会触发click事件，实际上却不能触发。

 

解决方法：

 

在按扭上加个onmouseover函数,里面的代码是把焦点移到按扭上,这样很合乎情理,顺便加个鼠标放到提交按扭上时按钮样式变化的特效就更完美了。