您的位置:首页 > 其它

事件冒泡和事件捕获

2016-05-27 00:00 169 查看
摘要: 事件流、事件冒泡、事件捕获

事件流

指的是从页面中接受事件的顺序,在IE中的事件流是事件冒泡流;在Netscape浏览器中是事件捕获流。

###什么是Netscape?
(Netscape浏览器是一个网络信息浏览器,它是由Netscape通信公司开发的网络客户器。它虽是一个商业软件,但它也提供了可在Unix,VMS,Macs,和Microsoft Windows等操作系统上运行的免费版本。和IE是竞争对手)

事件冒泡

指的是事件最开始由最具体的元素接受,然后逐级想上传播至最不具体的节点(也就是说从嵌套层次最深的节点到文档节点(document))

<div id="box" onclick = "showMessage()">
<input type="text" id="btn" onclick = "showMes()">
</div>

<script>
function showMes(){
alert("我是input");
}

function showMessage(){
alert("我是div");
}
</script>

此处点击input时会调用showMes()函数,但是,根据冒泡原理,还会调用showMessage()函数;在点击input的同时,浏览器认为也点击了div(因为input在div里面)

###事件捕获
刚好跟事件冒泡相反,是指由不太具体的节点向下传播至具体的节点。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息