未觸發 JavaScript 事件

Question

單擊#theButton ，應觸發警報。 為什么使用以下方法沒有觸發任何事件？

            var theButton = document.getElementById("theButton");
       
            theButton.onclick = function(){alert("Clicked!");}
            theButton.onclick = clickAlert;
            theButton.onclick(alert("Clicked!"));
    
            function clickAlert(){
                alert("Clicked!");
            }
        </script>
    </head>
    <body>
        <input type="button" id="theButton">
    </body>
</html>

Answer 1

你有三個問題

您在第 7 行拼錯了function 。（順便說一下，這會產生運行時錯誤）
您嘗試在節點 #theButton 在 DOM 中可用之前訪問它。 聽聽 Pekka 的建議
您覆蓋了第 8 行的onclick屬性 - 不確定您是故意這樣做還是什么

Answer 2

因為當您運行腳本時theButton還不存在？

將它包裝到主體的onload事件或 jQuery 的ready() 。

Answer 3

嘗試將其包裝在 document.Ready() 函數中。

Answer 4

我喜歡jQuery.ready()答案，但我相信您也可以將<script>塊移動到某個點，就像在頁面末尾一樣取消按鈕。

Answer 5

如果您將 onclick 放在輸入標簽中（並且拼寫正確），它會起作用：

<html>
     <head>
      <script type="text/javascript" language="javascript">



       function clickAlert(){
        alert("Clicked!");       

       }

      </script>
     </head>
     <body>
      <input type="button" id="theButton" NAME="theButton" onclick="clickAlert()">
     </body>
    </html>

未觸發 JavaScript 事件

問題描述

5 個解決方案

解決方案1
2 已采納 2010-06-18 20:31:44

解決方案2
1 2010-06-18 20:26:39

解決方案3
1 2010-06-18 20:29:08

解決方案4
1 2010-06-18 20:33:14

解決方案5
1 2010-06-18 20:33:37

未觸發 JavaScript 事件

問題描述

5 個解決方案

解決方案1 2 已采納 2010-06-18 20:31:44

解決方案2 1 2010-06-18 20:26:39

解決方案3 1 2010-06-18 20:29:08

解決方案4 1 2010-06-18 20:33:14

解決方案5 1 2010-06-18 20:33:37

解決方案1
2 已采納 2010-06-18 20:31:44

解決方案2
1 2010-06-18 20:26:39

解決方案3
1 2010-06-18 20:29:08

解決方案4
1 2010-06-18 20:33:14

解決方案5
1 2010-06-18 20:33:37