Question

我尝试添加事件监听器功能，但由于某种原因它失败了。见例：

<!DOCTYPE html>
<html>
    <head>
        <script>    
        function loaded(){
                document.getElementById("first").addEventListener("click", showPopup());

        }


        function showPopup(){
            alert('hello');
        }


</script>
    </head>
    <body onload="loaded()">        
        <div id="first"> 
            click me !!!
        </div>
    </body>
</html>

点击“点击我!!!”文本什么都不做，而且showPopup（）函数会触发一次。

我为这个微不足道的问题深表歉意，但我花了太多时间看错。

Thanx很多

Answer 1

您不应该执行该功能，而是通过它：

而不是：

document.getElementById("first").addEventListener("click", showPopup());

做的：

document.getElementById("first").addEventListener("click", showPopup);

Answer 2

试试这个

document.getElementById("first").addEventListener("click", showPopup);

已移除()

showPopup

`

无法向addEventListener（）添加函数

2 个答案: