45行说是 Uncaught SyntaxError: Unexpected identifier .求助那个语法错误啊

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

EpisodeOne

2015-10-14 19:48

<!DOCTYPE html>

<html>

<meta charset="utf-8">

<head>


<body>

<div id="box">

<input type="button" value="click" id="btn1" onclick="show()">

<input type="button" value="click2" id="btn2">

<input type="button" value="click3" id="btn3">

<input type="button" value="click3" id="btn4">


</div>

<script>

function show(){

alert("hello");

}

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

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

/*var btn4=document.getElementById('btn4');

btn2.onclick=function(){

alert("DMO0");

}//DOM0

btn2.onclick=null;

btn3.addEventListener('click',show, false);//DOM2

btn3.addEventListener('click',function(){

alert(this.value );

}, false);

//btn3.removeEventListener('click',show, false);

btn4.attachEvent('onclick',show);

btn4.detachEvent('onclick',show);*/

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',show);

</script> 

</body>

</head>

</html>


写回答 关注

2回答

  • zoe0773
    2015-10-22 16:11:50

    因为是用的对象字面量方法封装的函数,所以每个函数之间用逗号分隔,而最后一个函数后面不需要逗号,对象字面量封装完数据以后,大括号后面跟分号。

  • EpisodeOne
    2015-10-15 10:35:39

    自问自答,发现是addHandler()函数后边忘加‘’,“了。!!!!!!逗号很重要哦

DOM事件探秘

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

99544 学习 · 1197 问题

查看课程

相似问题