📜  如何查看用户是否点击了 js 中的键 - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:10.985000             🧑  作者: Mango

如何查看用户是否点击了 js 中的键 - Javascript

在 Javascript 中,我们可以通过添加监听事件来检测用户是否点击了键。下面介绍两种常见的监听事件方法。

1. addEventListener

使用 addEventListener 方法可以非常方便地给 DOM 元素添加事件监听器。下面是一个示例:

// 获取元素
const button = document.querySelector('#my-button');

// 添加事件监听器
button.addEventListener('click', function(event) {
  console.log('按钮被点击了');
});

在这个示例中,我们选取了一个 id 为 my-button 的元素,并给它添加了一个 click 事件的监听器。当用户点击该按钮时,控制台上会输出 按钮被点击了

2. onclick

onclick 是一个内置事件属性,可以将一个函数添加到元素的 click 事件上。

// 获取元素
const button = document.querySelector('#my-button');

// 添加事件监听器
button.onclick = function(event) {
  console.log('按钮被点击了');
};

在这个示例中,我们与上面的示例的作用是一样的。我们获取了一个 id 为 my-button 的元素,将 onclick 属性设置为一个匿名函数。当用户点击该按钮时,控制台上会输出 按钮被点击了

总之,无论你使用 addEventListener 还是 onclick,你都可以非常方便地监听 DOM 元素上的事件,并在事件发生时执行相应的代码。