EventListeners未启动（即使在最后包含JavaScript）_Javascript_Getelementbyid

EventListeners未启动（即使在最后包含JavaScript）

javascript

EventListeners未启动（即使在最后包含JavaScript）,javascript,getelementbyid,Javascript,Getelementbyid,这不是重复的我有一个表单，它应该触发一系列事件，但是没有函数被调用。我添加了一个按钮只是为了测试 HTML文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset ="utf-8" /> <title>Sign in</title> <link rel="stylesheet" t

这不是重复的我有一个表单，它应该触发一系列事件，但是没有函数被调用。我添加了一个按钮只是为了测试

HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset ="utf-8" />
    <title>Sign in</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" type="text/css" href="passphrase.css" />
</head>
<body>
    <noscript>
        Javascript is disabled. Now redirecting.
    <meta HTTP-EQUIV="REFRESH" content="0; url=passnojs.html"> 
    </noscript>
    Welcome.
    <form method="post" action="prolevel2.php" id="loginForm">
        <!--code snipped-->
        <br /><br /><input type="button" value="big ugly button" id="testing" />
    </form>
    <script src="verify.js"></script><!--this should work because it's after the HTML-->
</body>
</html>

显示“开始”和“此时此地”，但不显示“此时此地”。控制台中没有消息。我做错了什么？

试试这个

document.getElementById('testing').addEventListener('click', function(){alert("now displaying")}, false);

或

正如其他人所提到的，您有一个语法错误。“onclick”应该是“click”。对于默认事件，我更喜欢使用属性而不是addEventListener，如果输入不正确，它会抛出正确的语法错误：

alert("begining")
document.getElementById('testing').onclick = display;
alert("here now")
function display()
{
    alert("now displaying");//doesn't work
}

使用“单击”而不是“onclick”，并添加分号。。。在所有表情的末尾！没有必要添加匿名函数<代码>…（'click'，display…将起作用。是的，他只是忘记了实际调用他声明的函数。您如何知道何时将

放在前缀上？它是否仅用于内联事件处理程序？这是addEventListener的语法。如果您给予click事件内联，则必须编写onclick。
document.getElementById('testing').addEventListener('click',display, false);

alert("begining")
document.getElementById('testing').onclick = display;
alert("here now")
function display()
{
    alert("now displaying");//doesn't work
}