老师请帮我看一下,总是报错,谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Event对象跨浏览器兼容写法</title>
</head>
<body>
<div id="parent" class="">
<div class="child">
点击我
</div>
</div>
<script type="text/javascript">
//Event addEventListener chrome fox IE9 event.target preventDefault stopPropagation
//Event attacEvent IE8系列的 event.srcElement returnValue cancelBubble
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] = null
}
},
removerHandler: 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
}
},
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.cancelBubble = true;
}
}
}
var child = document.getElementById("child");
EventUtil.addHandler(child, "click", function(event){
alert(111)
})
</script>
</body>
</html>
正在回答
同学你好,能够自己发现并解决问题,很棒哦,下次书写的时候要认真检查哦。继续加油!
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星