event.stopPropagation(); 阻止事件冒泡

转载 2018年04月16日 15:22:40

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

————————>input

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

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

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

$(function(){
    $("div").bind('click',function(){
        alert("divdiv");
    });
    $("input").bind('click',function(evt){
        alert("inputinput");
        //阻止事件冒泡
        //return false;
        evt.stopPropagation();

    });
});

阻止事件冒泡stopPropagation的兼容写法

阻止事件冒泡stopPropagation的兼容写法
  • pink_clouds
  • pink_clouds
  • 2015-08-18 10:24:01
  • 7464

阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法...
  • wxl1555
  • wxl1555
  • 2016-11-11 15:06:26
  • 33145

阻止冒泡的方法 event.stopPropagation();

标准浏览器 和  ie浏览器    w3c的方法是event.stopPropagation()         IE则是使用event.cancelBubble = true       bub...
  • waterDjj
  • waterDjj
  • 2016-08-16 20:06:34
  • 421

flex_停止事件传播说明示例;

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/m...
  • cenyebao
  • cenyebao
  • 2012-03-22 17:41:30
  • 2196

dojo的阻止事件冒泡

//dojo阻止事件冒泡 dojo.stopEvent();
  • yipanbo
  • yipanbo
  • 2014-11-01 15:28:02
  • 1911

easyui datagrid 单击删除时阻止时间冒泡

最近用easyui做东西,一次在datagrid中做删除功能,追简单的就是formatter中return出一个删除,但是在最后突然发现单击一下删除按钮会选中,再次单击一下就会撤销选中,突然就像起了事...
  • wyfhist
  • wyfhist
  • 2013-11-21 16:27:16
  • 2237

s事件之event.preventDefault()与event.stopPropagation()的阻止默认事件和阻止事件冒泡的用法

event.preventDefault()用法介绍 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意...
  • u012767607
  • u012767607
  • 2016-09-18 17:01:37
  • 834

阻止事件冒泡event.stopPropagation()

/****************** 定义和用法 不再派发事件。 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事...
  • qq_38435906
  • qq_38435906
  • 2017-12-14 21:41:07
  • 30

jquery阻止事件冒泡

  • 2012年11月25日 12:53
  • 227KB
  • 下载

AngularJS阻止事件冒泡$event.stopPropagation()

一、在AngularJs中阻止事件冒泡方式 或者 加载 $scope.show = function ($event) { //显示加载 ...
  • u011127019
  • u011127019
  • 2017-02-10 14:43:47
  • 4386
收藏助手
不良信息举报
您举报文章:event.stopPropagation(); 阻止事件冒泡
举报原因:
原因补充:

(最多只允许输入30个字)