javaScript事件流

最新推荐文章于 2022-10-20 19:47:59 发布

天空中一颗明亮的星

最新推荐文章于 2022-10-20 19:47:59 发布

阅读量90

点赞数

分类专栏： JavaScript 文章标签： javascrrip事件流

本文链接：https://blog.csdn.net/ling_ling1997/article/details/87102596

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

事件流—

描述的是从页面中接受事件的顺序

IE—事件冒泡流
即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）
例如：点击按钮时，不但触发了div 还触发了body 甚至整个html以及document这个过程叫做时间冒泡

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box">
			<input type="button" value="按钮" id="btn" onclick/>
		</div>
	</body>
</html>

Netscape ----事件捕获流

不太具体的节点的应该更早接收到事件，而最具体的节点最后接收到事件（和冒泡事件流相反）

事件处理程序

1、HTML事件处理程序
直接把事件加载标签元素上
缺点：html和js紧密的耦合在一起

<div id="box">
			<input type="button" value="按钮" id="btn" onclick="showMessage()"/>
		</div>
		<script>
			function showMessage(){
				alert("");
			}
		</script>

DOM0级事件处理程序

天空中一颗明亮的星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript事件流

事件流—描述的是从页面中接受事件的顺序IE—事件冒泡流即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）例如：点击按钮时，不但触发了div 还触发了body 甚至整个html以及document这个过程叫做时间冒泡&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta...
复制链接

扫一扫