为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我用DOM2级写代码的时候在360浏览器里面就运行不了两个命令?

浏览器报错这句话:


btn1.addEventlistener('click',showMes,false);


但是点击"btn1"的按钮却执行的是showMes函数却不执行this.value语句。


代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>


<input type="button" value="按我" id="btn" onclick="showMes()"></input>

<input type="button" value="看我" id="btn1" onclick="showMes()"></input>

<script type="text/javascript">

function showMes(){

alert('hello world');

}

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

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

//DOM0级事件。

btn.onclick=function(){

alert('aahaahaha');

}

//btn.onclick=null;//做删除作用。


//DOM2级可以给一个元素上添加多个事件。

btn1.addEventlistener('click',showMes,false);

btn1.addEventlistener('click',function(){

alert(this.id);},false);

//事件里的所有on前缀要全部删除,onmouseover->mouseover,onclick->click;

//btn.removeEventlistener('click',showMes,false)

</script>

</body>

</html>


正在回答

1 回答

addEventlistener写错了,listener的首字母是大写的,应为addEventListener

1 回复 有任何疑惑可以回复我~
#1

贪心xiong 提问者

我试试,谢谢啦:)
2016-06-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我用DOM2级写代码的时候在360浏览器里面就运行不了两个命令?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信