Question

我有一个按钮想要分配一个单击事件，以便当我单击该按钮时它将运行该功能。

if (is.data.frame(countyborder@data) & nrow(countyborder@data) == 0) {}

当我运行下面的脚本时，它将触发功能，但click事件不会添加到按钮中。所以我不能使用按钮来触发功能。

<button id="buttonid"></button>

我相信我的目标应该是这样的：

function myFunction() { alert("Hello, world!"); } var element = document.getElementById("buttonid"); element.onclick = myFunction;

Answer 1

您的初始代码应该可以工作，只要它在DOM准备就绪后运行，以便document.getElementById("buttonid");实际上找到该元素。

检查您的控制台中是否存在可能表明element是undefined的错误。

要确保移动包含代码的script标签在底部（在关闭body标签之前）

上述方法之后，更好的方法是不设置onclick属性，而使用addEventListener方法。

<body>

  <button id="buttonid">clickme</button>

  <script>
    function myFunction() {
      alert("Hello, world!");
    }

    var element = document.getElementById("buttonid");
    element.addEventListener('click', myFunction);
  </script>
</body>

Answer 2

尝试一下：

function myFunction(e) {
  alert("Hello, world!");
  console.log(e);
}

<button id="buttonid" onclick="myFunction(event)">Click me</button>

如果您想从js代码中添加事件处理程序，则应包含该代码，并用按钮打击html。

将功能的点击事件设置为按钮

2 个答案: