将按钮 onClick 方法绑定到按键操作答案

【问题标题】：bind button onClick method to keypress action将按钮 onClick 方法绑定到按键操作
【发布时间】：2018-02-24 16:30:24
【问题描述】：

我有一个按钮 b，我希望文档了解每当我单击该按钮时触发的按键操作。

例如，当我单击该按钮时，我希望文档能够识别出左键已被按下，并且为它编写的任何 java 脚本都应该可以工作。

我无法弄清楚如何做到这一点。请帮忙。

【问题讨论】：

标签： button onclick bind keypress

【解决方案1】：

您需要添加一个事件侦听器来查找点击操作。您可以为特定按钮、代码找到的第一个按钮或页面上的所有按钮（如果它们都执行相同的操作）执行此操作。实际上，您可以将此侦听器添加到几乎任何 html 对象。这是我从https://developer.mozilla.org/en-US/docs/Talk:DOM/element.addEventListener 得到的一个简单的 sn-p。

<div id="ear">Click me</div>
<div id="display"></div>

<script>

  var ear = document.getElementById('ear');
  ear.addEventListener("click", listener, false);

  function listener() {
    document.getElementById('display').innerHTML = "blah blah";
  }

</script>

这样做是创建一个名为 ear 的变量，并将 id='ear' 的 div 分配给它。同样，您可以使用按钮或任何其他标签轻松完成此操作。然后ear.addEventListener 添加一个click 事件，告诉它运行listener 函数，最后的布尔值表示是否应该运行父母的处理程序，以及所有祖先的上升。将此设置为true 将只导致被点击的标签运行。

【讨论】：