将按钮onClick方法绑定到按键动作

时间:2018-02-24 16:30:24

标签: button onclick bind keypress

我有一个按钮b,我希望文档能够理解每当我点击该按钮时触发的按键动作。

例如,当我点击该按钮时,我希望文档能够识别出已经按下了左键,并且无论java脚本是为它编写的,都应该有效。

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

1 个答案:

答案 0 :(得分:0)

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

<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将仅导致单击的标记运行。