DOM事件监听器

DOM事件监听器,允许一个事件触发多个方法。在实际工作中应用比较多。

它的调用形式如下:

<body>
<div>
    DOM事件监听器,允许一个事件触发多个方法。
</div>
<button id="an">按钮</button>
<script>
    var elbtn=document.getElementById("an");
    elbtn.addEventListener("click",msg,false);
    function msg() {
        alert("DOM事件监听器")
    }
</script>
</body>

  示例2,在监听中调用带参数函数。同前一个例子一样,需要一个匿名函数来封装带参数的函数。

<body>
<div>DOM事件监听器,允许一个事件触发多个方法。</div>
<button id="an">按钮</button>
<script>
    var elbtn=document.getElementById("an");
    elbtn.addEventListener("click",function (){say("DOM");},false);
    function say(name){
        alert("你好吗?"+name+"!")
    }
</script>
</body>

  

posted @ 2018-05-17 17:08  麦克斯-侯  阅读(310)  评论(0编辑  收藏  举报
百纵科技