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>