onblur 与onclick 冲突；onblur导致onclick事件丢失

代码：
<input id="cardno"  type="text"  οnblur="isExitParam()" style="width: 100%" />

<input name="button1" type="button" value="保存"  οnclick="save()"/>

现象：

鼠标在cardno输入框，直接点击保存按钮，触发isExitParam()函数，但是save()不调用；

原因：

onblur事件优先性高于onclick事件；

解决：onmousedown优先级高于onblur，

代码改为：

<input id="cardno"  type="text"  οnblur="isExitParam()" style="width: 100%" />

<input name="button1" type="button" value="保存"  οnmοusedοwn="save()"/>

onblur 与onclick 冲突；onblur导致onclick事件丢失相关推荐

onblur和onclick冲突的解决方法
场景:input输入框绑定onblur事件,input输入框的确认按钮绑定onclick事件.在点击确认按钮的的同时,input也失去了焦点,所以会触发onblur事件,并且onblur会优先于onc ...
事件绑定(onclick,onfocus,onblur)
事件绑定(onclick,onfocus,onblur) 学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类 ...
element.onclick = fun与element onclick=fun()的区别
原本标题是:element.onclick = fun与<element οnclick="fun()">的区别,但是提示含有非法字符. 问题背景: 在看this指向的 ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
mouseup 左键_javascript中mouseup事件丢失的原因与解决办法
这篇文章主要跟大家介绍了关于Javascript中mouseup事件丢失的原因与解决办法的相关资料,文中给出详细的示例代码供大家参考学习,需要的朋友们下面跟着小编一起来学习学习吧. 前言当实现类似E ...
nginx导致的session丢失的解决方法
nginx导致的session丢失的解决方法参考文章: (1)nginx导致的session丢失的解决方法 (2)https://www.cnblogs.com/aoyihuashao/p/9058 ...
解决虚拟光驱导致物理光驱丢失问题
安装虚拟光驱导致物理光驱丢失 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" ...
[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题
[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题参考文章: (1)[Vuejs] Vue解决代理设置导致浏览器Session丢失的问题 (2)https://www.cnblog ...
onchange、onclick、onblur等点击触发事件区别
标签: onblur:控件在失去焦点的时候触发OnChange:当控件的内容发生改变时触发该事件OnClick:点击该控件时触发OnKeyDown:在控件有焦点的情况下,按下键时发生OnKeyUp:在 ...
onclick,onfocus,onblur,onload事件
onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件.是说明曾经获得过焦点: onload事件,onunload事件--加载页面/图像完成发生的事件,用户 ...

onblur 与onclick 冲突；onblur导致onclick事件丢失

onblur 与onclick 冲突；onblur导致onclick事件丢失相关推荐

最新文章

热门文章