点击label执行两次的bug
程序员文章站
2022-05-18 09:05:55
首先我是这样的写的: 无论点击input还是文字,都会执行两次。因为点击lable会默认执行以下input,然后input又会自己执行一下,所以执行了两次。 解决方法: function clickIn(event ......
首先我是这样的写的:
<label>
<input type="checkbox">点击
</label>
无论点击input还是文字,都会执行两次。因为点击lable会默认执行以下input,然后input又会自己执行一下,所以执行了两次。
解决方法:
function clickIn(event){
if($(event.target).is("input")){
alert(123);
}
}
当元素为input的时候执行方法。
推荐阅读
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
-
解决Js先触发失去焦点事件再执行点击事件的问题
-
实现单选框点击label标记中的文字也能选中
-
按钮的Ajax请求时一次点击两次提交的解决方法
-
点击label执行两次的bug
-
记我的小网站发现的Bug之一 —— 某用户签到了两次
-
Struts2执行一个Action,但提交了两次的问题
-
jquery的click 事件点击一次会累加执行多次的解决方法
-
定时任务每次都执行两次的问题,慎用new ClassPathXmlApplicationContext() -
解决bootstrap下拉菜单点击立即隐藏bug的方法