阻止事件传播:stopPropagation()方法和cancelBubble
1. cancelBubble属性
如果事件对象的cancelBubble
属性被设置为true
, 则会阻止事件继续向上冒泡(也可以阻止事件的捕获)。
举例:
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
let div1 = document.getElementById("div1");
let div2 = document.getElementById("div2");
div1.addEventListener(
"click",
()=>{
console.log("this is div1"