DOM事件监听器

时间:2023-12-18 17:20:50

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>