当前位置:   article > 正文

event.stopPropagation(); 阻止事件冒泡_event.stoppropagation() 失效 如何阻止冒泡事件

event.stoppropagation() 失效 如何阻止冒泡事件

html 
—>head 
———>body 
—————–>div 

————————>input

input和div都有点击事件,由于事件冒泡作用,input框被点击触发事件之后,div的点击事件也要被触发。 

有的时候根据需要不要进行事件冒泡,需要对其进行阻止

① return false; 容易与“浏览器默认动作阻止“混淆 
② event.stopPropagation(); 阻止事件冒泡

  1. $(function(){
  2. $("div").bind('click',function(){
  3. alert("divdiv");
  4. });
  5. $("input").bind('click',function(evt){
  6. alert("inputinput");
  7. //阻止事件冒泡
  8. //return false;
  9. evt.stopPropagation();
  10. });
  11. });

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/79456
推荐阅读