为什么这个btn3无法运行

来源:2-4 IE事件处理程序及跨浏览器解决

JCYTop

2015-12-22 00:09

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<div>

<input type="button" value="按钮" id="btn" onclick="showMessage()">

<input type="button" value="按钮2" id="btn2">

<input type="button" value="按钮3" id="btn3">

</div>

<script>

function showMessage(){

alert('hello world!');

}

var btn2=document.getElementById('btn2');

var btn3=document.getElementById('btn3');

btn2.onclick=function(){

alert('这是通过Dom0触发的事件!');

}

btn2.onclick=null;

var eventUtil={

//添加句柄

addHandler:function(element,type,handler){

if(element.addEventListener){

element.addEventListener(type,handler,false);

}else 

if(element.attachEvent){

element.attachEvent('on'+type,handler);

}

else{

element['on'+type]=handler;

}

},


//添加句柄

removeHandler:function(element,type,handler){

if(element.removeEventListener){

element.removeEventListener(type,handler,false);

}else if(element.detachEvent){

element.detachEvent('on'+type,handler);}

else{

element['on'+type]=null;

}

}

eventUtil.addHandler(btn3,'click',showMessage);

</script>

 

</body>


</html>


写回答 关注

2回答

  • 李晓健
    2015-12-22 09:29:23
    已采纳
    <script>
        function showMessage(){
            alert('hello world!');
        }
        var btn2=document.getElementById('btn2');
        var btn3=document.getElementById('btn3');
        btn2.onclick=function(){
            alert('这是通过Dom0触发的事件!');
        }
        btn2.onclick=null;
        var eventUtil= {
    //添加句柄
            addHandler: function (element, type, handler) {
                if (element.addEventListener) {
                    element.addEventListener(type, handler, false);
                } else if (element.attachEvent) {
                    element.attachEvent('on' + type, handler);
                }
                else {
                    element['on' + type] = handler;
                }
            },
    
    //添加句柄
            removeHandler: function (element, type, handler) {
                if (element.removeEventListener) {
                    element.removeEventListener(type, handler, false);
                } else if (element.detachEvent) {
                    element.detachEvent('on' + type, handler);
                }
                else {
                    element['on' + type] = null;
                }
            }
        } //这里少一个 }
        eventUtil.addHandler(btn3,'click',showMessage);
    </script>


    JCYTop

    非常感谢!

    2015-12-22 12:23:10

    共 1 条回复 >

  • 朝花
    2015-12-22 09:33:17

    var eventUtil={ 少了个 结束的花括号 }

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题