javascript - addEventListener给元素添加两个点击事件，点击一次没反应，点击第二次之后两个事件才会依次触发，请问这是为什么？

问题描述

问 题

<button onclick="fun()" id="btn">click</button>
<script>
function fun(){
    var btn=document.getElementById("btn");
    btn.addEventListener("click",function(){
        alert("hello");
    },false);

    btn.addEventListener("click",function(){
        alert("world");
    },false);
}

解决方案

第一次点击前， button#btn都还没有绑定监听事件，所以也就没有事件函数触发。

第一次点击时， button#btn绑定了2个监听事件，所以第二次点击就会触发函数

第二次点击时，再添加2个监听事件，那么就是4个.....

以此类推

这篇关于javascript - addEventListener给元素添加两个点击事件，点击一次没反应，点击第二次之后两个事件才会依次触发，请问这是为什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！