jQuery 点击事件冲突

jQuery 点击事件冲突：img上有点击方法，btn在img上也有点击方法；点击btn时会同时触发两者事件

在btn的onclick事件里加上阻止冒泡：JQuery的： event.stopPropagation();

   $(function(){$('.img').click(function(){alert('img:cllick')});$('.btn').click(function(event){event.stopPropagation();alert('img:click');})})

原生的JS方法：

function stopBubble(e){if(e &amp;&amp; e.stopPropagation){e.stopPropagation(); //w3c}else {window.event.cancelBubble=true;}
}

jQuery 点击事件冲突相关推荐

button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题
解决layui中的form表单与button的点击事件冲突问题 layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图: 蓝色底为form的位置, ...
iOS UITapGestureRecognizer手势和UIButton 以及UITabelView点击事件冲突
一:在同一个view上加载,UITapGestureRecognizer手势,UIButton 行为,UITabelView点击事件冲突: 二:解决方式: 在UITapGesttureRecogniz ...
ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
Android Listview中Button按钮点击事件冲突解决办法
今天做项目时,ListView中含有了Button组件,心里一早就知道肯定会有冲突,因为以前就遇到过,并解决过,可惜当时没有记录下来. 今天在做的时候,继续被这个问题郁闷了一把,后来解决后,赶紧来记录 ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
jquery 点击事件切换样式
jquery 点击事件切换样式 $('#FatherName').on('click', '.ClassName', function(e){$('.ClassName').removeClass(' ...
jQuery点击事件在iOS失效
1.jQuery点击事件,在Android手机上点击事件是可以的,但是iOS手机没反应. js 生成的DOM,不是HTML写的用 $('.btn').on("click",f ...
jquery 点击事件第一次点击选中第二次点击改变状态
jquery点击事件第一次选中:第二次消失 $("#myCard li").val(1); $("#myCard li").click(functio ...
jquery 点击事件点击元素添加和移除class
jquery 点击事件点击元素添加和移除class 怎么实现点击一个元素给它添加class,再点击一个元素移除上一个元素的class,再给现在点击的元素添加class <div class=&q ...

jQuery 点击事件冲突

jQuery 点击事件冲突相关推荐

最新文章

热门文章