当前位置:Gxlcms > html代码 > IE事件模型,如何给IE和非IE浏览器添加事件

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

时间:2021-07-01 10:21:17 帮助过:40人阅读

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+="
(
"+ i++ +") "+this.nodeName; },false); } else { btn.attachEvent("onclick",(function(btn){ return function(){ //返回闭包函数,从而动态锁定响应事件的当前对象 p.innerHTML+="
(
"+ i++ +") "+btn.nodeName; } })(btn)); //直接调用函数,以便向内部传递当前绑定元素对象 } btn=btn.parentNode; }while(btn); } script> body> html>

IE事件模型

事件传播过程:

人气教程排行