onblur和onclick冲突的解决方法

场景：input输入框绑定onblur事件，input输入框的确认按钮绑定onclick事件。在点击确认按钮的的同时，input也失去了焦点，所以会触发onblur事件，并且onblur会优先于onclick执行。这就会导致按钮的onclick事件无法正确执行，解决办法有两种：
1.给onblur加settimeout, 然后onclick中cleartimeout。也就是说让onblur延迟一段时间再执行，在这一段时间内onclick会正常执行，并且onclick中的cleartimeout会停止onblur的执行。

var timer;
inp.onblur = function() {timer = setTimeout(function() {//onblur事件要执行的代码some code；}, 120); };

btn.onclick = function() {clearTimeout(timer);//onclick事件要执行的代码some code;};

2.将onclick替换为onmousedown，

inp.onblur = function() {//onblur事件要执行的代码some code；
};

btn.onmousedown = function() {//onclick事件要执行的代码some code;};

onblur和onclick冲突的解决方法相关推荐

关于Android滑动冲突的解决方法（二）
之前的一遍学习笔记主要就Android滑动冲突中,在不同方向的滑动所造成冲突进行了了解,这种冲突很容易理解,当然也很容易解决.今天,就同方向的滑动所造成的冲突进行一下了解,这里就先以垂直方向的滑动冲突 ...
element-ui和semantic-ui冲突的解决方法--局部引入semantic-ui的css
element-ui和semantic-ui冲突的解决方法--局部引入semantic-ui的css 参考文章: (1)element-ui和semantic-ui冲突的解决方法--局部引入seman ...
我爱Java系列---【 maven依赖版本冲突的解决方法】
我爱Java系列---[ maven依赖版本冲突的解决方法] 参考文章: (1)我爱Java系列---[ maven依赖版本冲突的解决方法] (2)https://www.cnblogs.com/hu ...
Intellij+maven：jar包冲突的解决方法(Hbase和Guava的冲突)
Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) 参考文章: (1)Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) (2)ht ...
github上的版本和本地版本冲突的解决方法（Updates were rejected because the tip of your current branch is behind）
github上的版本和本地版本冲突的解决方法(Updates were rejected because the tip of your current branch is behind) 参考文章: ...
Git冲突与解决方法【转】
本文转载自:https://www.cnblogs.com/gavincoder/p/9071959.html Git冲突与解决方法 1.git冲突的场景情景一:多个分支代码合并到一个分支时: 情景 ...
Github上的版本和本地版本冲突的解决方法
Github上的版本和本地版本冲突的解决方法远程和本地版本冲突情景: 在github上创建项目,然后本地git init 然后没有git pull -f --all 然后git add . | ...
eclipse安装emmet之后ctrl+d热键冲突的解决方法
eclipse安装emmet之后ctrl+d热键冲突的解决方法参考文章: (1)eclipse安装emmet之后ctrl+d热键冲突的解决方法 (2)https://www.cnblogs.com/ ...
scrollview嵌套listview 滑动事件冲突的解决方法
scrollview嵌套listview 滑动事件冲突的解决方法参考文章: (1)scrollview嵌套listview 滑动事件冲突的解决方法 (2)https://www.cnblogs.co ...

onblur和onclick冲突的解决方法

onblur和onclick冲突的解决方法相关推荐

最新文章

热门文章