JavaScript addEventListener

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <button id="btn01">点我一下</button>
    </body>
    <script type="text/javascript">
        var btn01=document.getElementById("btn01");
        /*addEventListener()
         * -通过这个方法为元素绑定响应函数,
         * 可绑定多个,事件触发后响应函数按照绑定顺序执行
         * -参数:
         *         1.事件的字符串不写用no
         *         2.回调函数,当事件触发时函数被调用
         *         3.是否在捕获阶段触发事件,需要一个布尔值,一般传false。
         * 
         */
        btn01.addEventListener("click",function(){
            alert(1);
        },false);
        btn01.addEventListener("click",function(){
            alert(2);
        },false);
        
        /*attachEvent()
         * -也可以绑定多个函数,不同的是顺序后到前
         * -参数:
         *         1.有on
         */
        btn01.attachEvent("onclick",function(){
            
        });
        
    </script>
</html>

 

posted @ 2019-08-02 20:57  WideWang  阅读(227)  评论(0编辑  收藏  举报