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

IE事件模型,如何给IE和非IE浏览器添加事件

时间:2016-07-02 20:17:42      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>IE事件模型</title>
    </head>
    <body>
        <input type="button" value="Event对象"/>
        <p>事件传播过程:</p>
        <script>
            window.onload=function(){
                var btn=document.getElementsByTagName("input")[0];
                var p=document.getElementsByTagName("p")[0];
                var i=1;
                do{
                    if(btn.addEventListener)
                    {
                        btn.addEventListener("click",function(){
                            p.innerHTML+="<br/>("+ i++ +") "+this.nodeName;
                        },false);
                    }
                    else
                    {
                        btn.attachEvent("onclick",(function(btn){
                            return function(){        //返回闭包函数,从而动态锁定响应事件的当前对象
                                p.innerHTML+="<br/>("+ i++ +") "+btn.nodeName;
                            }
                        })(btn));                        //直接调用函数,以便向内部传递当前绑定元素对象
                    }
                    btn=btn.parentNode;
                }while(btn);
            }
        </script>
    </body>
</html>

 

IE事件模型

事件传播过程:

IE事件模型,如何给IE和非IE浏览器添加事件

标签:

原文地址:http://www.cnblogs.com/zxj95121/p/5635888.html

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