Question

onClick 对我的按钮不起作用

2018-05-22

2214

javascript

我正在创建一个我将展示工作的网站。然后我注意到我需要一个cookie通知。因为我想自己将其100％（没有发电机等）制作，所以我开始创建它。 cookie本身正常工作，但是main.js没有注册按钮的onclick。

这是代码：

082869910

我的按钮的代码： 486955044

我已经在搜索了很多谷歌搜索，搜索stackoverflow等。没有答案对我有用。这是我尝试的解决方案：

jQuery
object.onclick = function（）{}
object.addeventlistener（“单击”，false）;
放置 object.addeventlistener（“单击”，false） 在 window> window.onload.onload

有提示/帮助吗？ -xaafcode

编辑

控制台错误：

581529331

Answer 1

在这种情况下，可能的原因仅仅是。

这将起作用

 <button id="cookieAccept" class="cookieButton">Accept</button>
    <script>
    var acceptButton = document.getElementById("cookieAccept");
    acceptButton.onclick = function() {
        alert("HELLO");
    }
    </script>

确保在编写 html 之前没有 Js。先写 html，然后写 Js。还要确保您没有两个同名的 id。这有时可能会产生问题。

这不会起作用

   <script>
    var acceptButton = document.getElementById("cookieAccept");
    acceptButton.onclick = function() {
        alert("HELLO");
    }
    </script>
    <button id="cookieAccept" class="cookieButton">Accept</button>

Answer 2

请务必将您的 js 代码包装在一个函数中，一旦浏览器设置好所有 html，您将注册该函数以执行该函数：

window.onload = function() {
    var acceptButton = document.getElementById("cookieAccept");
    acceptButton.onclick = function() {
        alert("HELLO");
    }
}

参见： https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload

Answer 3

请记住将 HTML 代码放在标签下的 Javascript 语法之前。

anshul

2019-01-14