JS中的冒泡事件
2017-11-01 15:57
141 查看
<html>
<head>
在以上代码中，如果我点击了test2触发了test2事件后，继而也会触发test1事件，就会出现冒泡事件的问题，其实很多时候我只想触发test2，并不想其他的事件也连带触发，所以需要在test2方法中加上“window.event? window.event.cancelBubble = true : e.stopPropagation()”来阻止冒泡事件的发生。
4000
<head>
<html>
<head>
<title>test</title>
</head>
<body>
<ul onclick="test1()">
<li onclick="test2()">test2</li>
</ul>
<script type="text/javascript">
function test1(){
alert("ul");
}
function test2(){
alert("li");
}
</script>
</body>
</html>在以上代码中，如果我点击了test2触发了test2事件后，继而也会触发test1事件，就会出现冒泡事件的问题，其实很多时候我只想触发test2，并不想其他的事件也连带触发，所以需要在test2方法中加上“window.event? window.event.cancelBubble = true : e.stopPropagation()”来阻止冒泡事件的发生。
4000
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js事件绑定及冒泡、捕获和默认行为处理
- JS的事件冒泡和事件捕获
- Js阻止事件冒泡和document.onclick在IE浏览器上无效
- JS冒泡事件解决方案
- js事件的捕获和冒泡
- Js阻止事件冒泡和document.onclick在IE浏览器上无效
- js 冒泡事件的处理
- Js 冒泡事件阻止
- JS 事件捕获与事件冒泡
- js事件冒泡实例分享(已测试)
- js 停止事件冒泡 阻止浏览器的默认行为（阻止超连接 # ）
- Js 冒泡事件阻止
- 关于JS中的冒泡事件
- js阻止事件冒泡
- js冒泡、捕获事件及阻止冒泡方法详细总结
- 【js】事件冒泡与事件捕获
- js 停止事件冒泡 阻止浏览器的默认行为
- JS阻止冒泡事件以及默认事件发生的简单方法
- js之事件冒泡和事件捕获
- js 停止事件冒泡 阻止浏览器的默认行为（阻止超连接 # ）