这个绑定事件哪里出错了？为什么一直不能执行

这个绑定事件哪里出错了？为什么一直不能执行

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

#goSomewhere{

background:green;

}

#doSomewhere{

background:blue;

}

#sayHi{

background:red;

}

</style>

</head>

<body>

<ul id = "mylinks">

<li id="goSomewhere">Go somewhere</li>

<li id="doSomewhere">Do something</li>

<li id="sayHi">Say hi</li>

</ul>

</body>

<script type="text/javascript">

var item1=document.getElementById("goSomewhere");

var item2=document.getElementById("doSomewhere");

var item3=document.getElementById("sayHi");

EventUtil.addHandler("click",function(event){

location.href = "http://www.wrox.com";

})

EventUtil.addHandler(item2,"click",function(event){

document.title="I changed the document's title";

})

EventUtil.addHandler(item3,"click",function(event){

alert("hi");

})

</script>

</html>

Dummy

浏览 1756回答 2

2回答

FSYu

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; }, getTarget: function(event) { return event.target || event.srcElement; }, preventDefault: function(event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } }, stopPropagation: function(event) { if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubbles = true; } }, getRelatedTarget: function(event) { if (event.relatedTarger) { return event.relatedTarget; } else if (event.toElement) { return event.toElement; } else if (event.fromElement) { return event.fromElement; } else { return null; } } }这个你写了吗，如果没写，EventUtil不能直接用

1

0

cnyballk

那你能不能说一下你为什么要用EventUtil。你是要兼容浏览器监听事件吧，做之前最好先理解下还有学会看报错，不然肯定会出问题，先定义EventUtil-----------刚看到有人回答问题了，，啊哈哈我不献丑了，你用他那个吧比我全多了 addHandler: function(element, type, handler){ //若浏览器支持addEventListener，则使用addEventListener来添加事件 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; } } }

1

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答
Html5
JavaScript