DOM事件监听器

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

它的调用形式如下:

DOM事件监听器

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

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

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