為什么我用DOM2級寫代碼的時候在360瀏覽器里面就運行不了兩個命令？
瀏覽器報錯這句話：
btn1.addEventlistener('click',showMes,false);
但是點擊"btn1"的按鈕卻執(zhí)行的是showMes函數(shù)卻不執(zhí)行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>
2016-06-12
addEventlistener寫錯了，listener的首字母是大寫的，應(yīng)為addEventListener