首页 > 代码库 > DOM（四）事件流
DOM（四）事件流
1.冒泡型事件
浏览器的事件模型分两种：捕获型事件和冒泡型事件。由于ie不支持捕获型事件，所以以下主要以冒泡型事件作为讲解。
（dubbed bubbling）冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。
<body onclick="add(‘body<br>‘)"> <div onclick="add(‘div<br>‘)"> <ponclick="add(‘p<br>‘)"> click me</p> </div> </body> <div id="display"> </div> <script type="text/javascript"> function add(sText) { var ulo = document.getElementById("display"); ulo.innerHTML += sText; } </script>
以上三个函数都添加了onclick函数，单机p元素后三个函数都触发，先执行了p元素，再执行了div，最后执行了body
这这里顺便提醒下捕获型事件，它的顺序正好和冒泡型事件相反。
2.事件监听
一个事件都需要函数来响应，这类函数通常称为事件处理函数（enent handler），从另外一个角度看，这些函数都在实时监听着是否有事件发生，通常称为事件监听函数(enevt handler),事件监听函数对于不同的浏览器区别较大。
DOM（四）事件流
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。