js单击事件触发两次，js点击事件触发两次

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JS的onclick的事件,为什么要点2次才能触发

有一种情况可能是因为网页中的某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，当第一次点击时文档才加载完毕；所以第二次点击时才有反应。

input type=image这个按钮默认有个submit事件的，也就是说你要了这个按钮它就要提交一次。

} } } } 给你做了个demo，基本原理是使用线程处理，定义一个外部全局变量，确定是否双击。这里强调一下，关键在于把单击事件执行使用sleep滞后，判断在1秒内是否有再次点击，如果是，那么不执行单击事件，只执行双击事件。

A.style.xxx这样似乎取不到在style里定义的样式（？待研究）第一次判断的时候A.style.overflow值为空，所以效果就是没反应，但已经设置为hidden，以后就正常了。

在item的布局文件设置如下：查阅相关资料，发现原来是在layout中定义的 android：focusableInTouchMode=true 出了问题该参数会使得第一次点击动作是获得焦点，第二次点击才触发点击动作。

Q1: 为什么我的js一开始需要点击两次才能触发,之后点击一次就可以了。麻烦...

这是因为移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。

要实现只在第一次按下按键时触发 keydown 事件，可以使用一个标志变量来记录按键是否已经按下。

那多半是有哪行代码写得不对，报错了。刷新的时候有会因为频繁刷新加载慢，在还没有加载到出错代码的时候，是有可能成功执行前面的点击事件的。没有代码，就只能靠猜了。

不用jQuery的方式框起来的3处都是不用jQuery实现的只触发一次的效果。核心代码是这句btn.onclick = null；就是click事件被执行的时候，让它把这个事件本身给清空。

Q2: js如何阻止onclick点击事件响应两次

1、用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

2、想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

3、onclick 注册了就会一直有效，你说那种单击一次就失效情况，反而要用专门写个释放动作才会出现。估计，单击一次后代码出错。

js单击事件触发两次的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击事件触发两次、js单击事件触发两次的信息别忘了在本站进行查找喔。