程序博客网 > c类网络借3位子网划分

JS中的冒泡简洁理解

来源：互联网发布：c类网络借3位子网划分编辑：程序博客网时间：2024/05/29 03:56

事件冒泡

微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中，泡泡会一直从水底冒出水面。也就是说，事件会从最内层的元素开始发生，一直向上传播，直到document对象。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>JS事件冒泡</title>
</head>
<body>
<div id="divOne" onclick="ad()">
<div id="divTwo" onclick="ac()">
<a id="hr_three" href="http://www.baidu.com" onclick="ab(event)">点击我</a>
</div>
</div>
</body>
<script>
function ad(){
alert('我是最外层');
}
function ac(){
alert('我是最中间层层');

}
function ab(){
alert('我是最里层');
}
</script>
</html>

Event对象

stopPropagation();方法：

终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。

该方法将停止事件的传播，阻止它被分派到其他Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>JS事件冒泡</title>
</head>
<body>
<div id="divOne" onclick="ad()">
<div id="divTwo" onclick="ac()">
<a id="hr_three" href="http://www.baidu.com" onclick="ab(event)">点击我</a>
</div>
</div>
</body>
<script>
function ad(){
alert('我是最外层');
}
function ac(){
alert('我是最中间层层');

}
function ab(event){
alert('我是最里层');
event.stopPropagation();
}
</script>
</html>

阅读全文

0 0

c类网络借3位子网划分

c类网络借3位子网划分

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子竹子属于什么植物竹子的拼音怎么写什么竹子不长在土里竹子的功效与作用竹子是被子植物吗描写竹子的好词好句竹子净化空气吗竹子凉席怎么清洗竹子象征什么样的人竹子什么时候开花用竹子做的东西梦见竹子是什么意思赞美竹子品格的诗句竹子加工项目竹子象征什么意义竹的诗句竹图片竹的寓意庭院适合种什么竹子北方适合种什么竹子竹孙竹实竹宴小生天师同萌会竹宴小生玄悯与薛闲竹屋肉竹屋 100平米竹屋价格竹屋图片小竹屋搭建图片竹屋设计图洛冰河沈清秋竹屋番外沈清秋x洛冰河竹屋肉竹山竹山县湖北竹山县竹山县属于哪个市竹山县人民医院预约挂号竹山人社网今曰竹山网今日竹山竹山网站