addEventListener给出未定义

问题描述 投票:0回答:4

这是我的代码的html部分:

<!DOCTYPE html>
<html>
    <head>
        <h>
            <title> This page</title>
        </h>
    </head>
     <body>
         <button id = "go-button" >GO</button>
         <script src="main.js"></script> 
     </body>
</html>

这是我代码的javaScript部分:

function buttonClicked(){
    console.log("button clicked");
}

var btn = document.getElementById("go-button");

btn.addEventListener("clicked", buttonClicked);

[每当我尝试在控制台上打印时,它都不会显示任何输出,我很困惑

javascript html css web frontend
4个回答
1
投票

没有单击任何事件,但是单击:

btn.addEventListener("click", buttonClicked);

0
投票

clicked改正为click,它应该可以工作。


0
投票

addEventListener函数有两个参数,一个是事件,第二个是要执行的函数,您认为第一个参数错误。

btn.addEventListener ('click', button clicked);

0
投票

事件名称是“点击”,而不是“被点击”

© www.soinside.com 2019 - 2024. All rights reserved.