码迷,mamicode.com
首页 > 其他好文 > 详细

DOM(四)事件流

时间:2015-01-09 16:49:02      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

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(四)事件流

标签:

原文地址:http://www.cnblogs.com/ahthw/p/4213521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!