JS阻止冒泡和取消默认事件
2021-04-08 10:49:17
阻止冒泡
**w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true**
```js
<body>
<div id='div'>
<ul class="ul">
<li class="li">test</li>
</ul>
</div>
</body>
<script>
var li=document.getElementsByClassName("li")[0];
var ul=document.getElementsByClassName("ul")[0];
li.onclick=function(e){
alert("li");
//e.stopPropagation();
e.cancelBubble = true ;
}
ul.onclick=function(e){
alert("li");
}
</script>
```
取消默认事件
**w3c的方法是e.preventDefault()，IE则是使用e.returnValue = false;**
```js
<body>
<a href="https://www.baidu.com" id="bd">百度</a>
</body>
<script>
var bd=document.getElementById("bd");
bd.onclick=function(e){
//e.preventDefault();
e.returnValue = false
}
</script>
</html>
```