Question

我正在尝试将点击事件添加到我网页上的按钮。它是一个用标签创建的简单按钮，我将id属性设置为“button1”。在javascript代码中，我使用getElementById将按钮存储在变量btn中，并使用onClick方法添加click事件。该功能是基本的，只显示一个警告框。简单，对吧？

但出于某种原因，单击按钮不会执行任何操作。我不明白我哪里出错了。我仔细检查了我的拼写，所以这不是一个错字。我错过了某个地方的一步吗？

  <html>
    <head>
      <title>Add Event Handler</title>
    <head>
    <body>
      <h1>Add Event Handler</h1>

      <button id="button1">Click Me</button>

      <script>
        function test(){
          alert("The event handler was set.");
        }

        var btn = document.getElementById("button1");
        btn.onClick = test;
     </script>
 </body>

Answer 1

    btn.onclick = test;

不是

    btn.onClick = test;

＆＃13;

  <html>
    <head>
      <title>Add Event Handler</title>
    <head>
    <body>
      <h1>Add Event Handler</h1>

      <button id="button1">Click Me</button>

      <script>
        function test(){
          alert("The event handler was set.");
        }

        var btn = document.getElementById("button1");
        btn.onclick = test;
     </script>
 </body>

＆＃13;

Answer 2

理想情况下，您应该使用EventTarget.addEventListener()

btn.addEventListener('click', test, false)

我无法弄清楚为什么我添加事件处理程序的简单尝试无效

2 个答案: