不知道问题出在哪里？-慕课网

不知道问题出在哪里？

来源：3-2 IE中的事件对象

qq_Mark单_0

2016-09-09 15:35

这是index.html文件
<!DOCTYPE html>
<html>
<head>
    <title>事件</title>
    <script src="js/event.js"></script>
    <script src="js/script.js"></script>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn1"/>
<a href="event.html" id="go">跳转</a>
</div>
</body>
</html>

这是event.js文件
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;
        }
    },
    //获取事件
    getEvent:function(event){
        return event?event:window.event;
    },
    //获取事件类型
    getType:function(){
        return event.type;
    },
    //获取事件元素
    getElement:function(event){
        return event.target||event.srcElement;
    },
    //阻止冒泡行为
    stopPropagation:function(event){
        if(event.stopPropagation){
            event.stopPropagation();
        }
        else{
            event.cancelBubble=true;
        }
    },
    //阻止默认行为
    preventDufault:function(event){
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue=false;
        }
    }
}

这是script文件
window.onload=function(){
     var btn1=document.getElementById('btn1'),
     box=document.getElementById('box'),
     go =document.getElementById('go');
    eventUtil.addHandler(btn1,'click',function(){
        alert('我是一个按钮');
    });
    eventUtil.addHandler(go,'click',function(event){
        alert(eventUtil.getType(event));
    });
}
求大神指导！！！

写回答关注

4回答

jw3631281

2016-10-26 16:32:20

<script src="js/event.js"></script>
<script src="js/script.js"></script>
如果没有新建名字为js文件夹，上面两个js文件的路径就错了，如果所有文件在同一个文件夹下，改成这样就行了
<script src="event.js"></script>
<script src="script.js"></script>

0 0
kinpowoo

2016-09-23 22:13:07

我也是这样的问题

0 0
qq_Mark单_0

2016-09-09 21:58:14

可是点击按钮时就是没有任何响应啊，用eventUtil里面的方法调用都没有任何响应

0 0
路灯下谁孤独了谁的身影

2016-09-09 20:43:17

没有问题啊

0 0

DOM事件探秘

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

99528 学习 · 1305 问题

查看课程

相似问题

麻烦看下错在哪里了，不知道哪里出错，点击没反应

回答 2

不知道哪里出问题了，跨浏览器时点击按钮没反应

回答 2

不知道那里出了我问题，代码没有效果

回答 1

求大神指导！！！键盘事件一直没用，不知道哪里出问题了！！！

回答 2

这个删除函数报错不知道是哪里的错

回答 4

打开慕课网App查看更多内容