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>

  

猜你喜欢

转载自www.cnblogs.com/max-hou/p/9052059.html