📅  最后修改于: 2023-12-03 15:09:10.985000             🧑  作者: Mango
在 Javascript 中,我们可以通过添加监听事件来检测用户是否点击了键。下面介绍两种常见的监听事件方法。
使用 addEventListener 方法可以非常方便地给 DOM 元素添加事件监听器。下面是一个示例:
// 获取元素
const button = document.querySelector('#my-button');
// 添加事件监听器
button.addEventListener('click', function(event) {
console.log('按钮被点击了');
});
在这个示例中,我们选取了一个 id 为 my-button
的元素,并给它添加了一个 click 事件的监听器。当用户点击该按钮时,控制台上会输出 按钮被点击了
。
onclick 是一个内置事件属性,可以将一个函数添加到元素的 click 事件上。
// 获取元素
const button = document.querySelector('#my-button');
// 添加事件监听器
button.onclick = function(event) {
console.log('按钮被点击了');
};
在这个示例中,我们与上面的示例的作用是一样的。我们获取了一个 id 为 my-button
的元素,将 onclick
属性设置为一个匿名函数。当用户点击该按钮时,控制台上会输出 按钮被点击了
。
总之,无论你使用 addEventListener
还是 onclick
,你都可以非常方便地监听 DOM 元素上的事件,并在事件发生时执行相应的代码。