事件流描述的是从页面中接收事件的顺序。但当时,浏览器发展到第四代(ie4和netscape communicator4)时,ie和netscape开发团队各自提出了事件流的概念,而且两个顺序流的概念差不多是相反的。如下:
1,事件冒泡:这是ie的事件流,事件冒泡是指:事件开始时,有最具体的元素接收(最具体是指文档中嵌套里面最深的元素),然后逐级地向上传播到不具体的节点(文档)。
2,事件捕获:这是netscape 提出的事件流,前面说过,两个顺序几乎是相反的,所以事件捕获顺序是由最不具体的节点(文档)接收,逐级地传递到最深的元素上去。
来看一个例子:
<!doctype html>
<html>
<head>
<title>event bubbling example</title>
</head>
<body>
<p id="myp">click me</p>
</body>
</html>
如果单击了如上的<p>元素:
对于事件冒泡来说:这个click事件传播顺序为:p ----> body ----> html ----> document
对于事件捕获来说:这个click事件传播顺序是:document ----> html ----> body ----> p
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
css float的盒子模型position
在前端中的html基础知识
以上就是javasript事件冒泡和事件捕获如何实现 的详细内容。
