markdown 事件冒泡/事件捕获/事件委托

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 事件冒泡/事件捕获/事件委托相关的知识,希望对你有一定的参考价值。

LiveCode: http://runjs.cn/detail/pvsbglwc

Refer: https://segmentfault.com/a/1190000005654451

核心代码:
```javascript
fucntion foo(e) {
  var x = e.target;
  if(x.nodeName.toLowerCase() === 'xxx') {
    //  do something
  }
  
}
```
```javascript
xx.addEventListener(event, function, useCapture)
```
第三个参数默认为false, 即冒泡阶段处理.也就是说单个事件 冒泡|捕获 必定发生一个

--------阻止冒泡--------
```javascript
function stopBubble(e) {
  if(e && e.stopPropagation) {
    e.stopPropagation(); // IE9+
  } else {
    window.event.cancelBubble = true;
  }
}
```

以上是关于markdown 事件冒泡/事件捕获/事件委托的主要内容,如果未能解决你的问题,请参考以下文章

事件捕获事件冒泡事件委托

事件捕获事件冒泡事件委托

事件捕获 事件冒泡和事件委托

事件绑定,事件捕获,事件冒泡以及事件委托,兼容IE

JavaScript 事件冒泡,事件捕获,事件委托

DOM事件机制(事件捕获和事件冒泡和事件委托)