为什么我用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>