button事件要点两次的问题

最新推荐文章于 2024-11-29 15:11:14 发布

Object_prototype

最新推荐文章于 2024-11-29 15:11:14 发布

阅读量955

点赞数 1

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/Object_prototype/article/details/112880358

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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