button事件要点两次的问题

最新推荐文章于 2023-12-06 23:19:58 发布

原创最新推荐文章于 2023-12-06 23:19:58 发布 · 986 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js

博客探讨了部分手机输入框在获取焦点后，点击button需双击才能触发事件的原因。原因是点击事件会先执行input失去焦点的事件。解决方案是将button的click事件替换为mousedown，同时提供了不同框架下的对应方法，如JS的onmousedown，小程序的touchstart，Vue的touchstart。

问题:部分手机输入框在得到焦点，后去点击button事件要点两次的问题
原因是：点击click事件时会先执行input失去焦点的事件，导致第一次button事件没有执行
jq：
解决方法：将button的click方法改为mousedown就可以了
下面是一些其他框架的方法
JS： onmousedown
小程序： touchstart
Vue： touchstart