DOM事件处理分DOM 0级处理,2级处理,以及兼容IE8以下版本。以下代码可以兼容各大浏览器版本。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM事件</title>
</head>
<body>
<div id="div">
<button id="btn">按钮</button>
</div>
<script type="text/javascript">
var btn = document.getElementById("btn");
if(btn.addEventListener){// DOM 2级处理方式
btn.addEventListener("click",demo);
}else if(btn.attachEvent){
btn.attachEvent("onclick",demo);// 兼容IE8以下版本
}else{
btn.onclick = demo();//DOM 0级处理方式
}
function demo(){
alert("hello");
}
</script>
</body>
</html>