js 键盘事件、鼠标事件、滚动事件等监听代码

键盘事件监听代码：

document.addEventListener('keydown', function(event) {
  console.log('Key pressed:', event.keyCode);
});

鼠标事件监听代码：

document.addEventListener('mousemove', function(event) {
  console.log('Mouse position:', event.clientX, event.clientY);
});

document.addEventListener('click', function(event) {
  console.log('Mouse clicked at:', event.clientX, event.clientY);
});

滚动事件监听代码：

document.addEventListener('scroll', function(event) {
  console.log('Page scrolled:', window.scrollY);
});

以上代码仅供参考，具体事件类型和事件属性可以根据需求进行修改。

相关问题

window.addEventListener有哪些监听事件

window.addEventListener是JavaScript中用于添加事件监听器的方法，可以用来监听各种事件。以下是一些常见的window.addEventListener的监听事件：

1. "load"：当页面完全加载后触发，包括所有图像、样式表和脚本等资源。
2. "unload"：当页面即将被卸载时触发，通常用于执行一些清理操作。
3. "resize"：当窗口大小发生改变时触发。
4. "scroll"：当页面滚动时触发。
5. "click"：当鼠标点击某个元素时触发。
6. "keydown"：当按下键盘上的任意键时触发。
7. "keyup"：当释放键盘上的任意键时触发。
8. "mouseover"：当鼠标指针移动到某个元素上方时触发。
9. "mouseout"：当鼠标指针移出某个元素时触发。

DOM监听

在前端开发中，我们通常需要监听DOM元素的事件，比如鼠标点击、键盘输入、滚动等，以便于在事件触发时执行相应的操作。

在HTML DOM中，我们可以使用addEventListener()方法来为DOM元素添加事件监听器，该方法接收两个参数：事件类型和事件处理函数。例如，在JavaScript中为按钮添加点击事件监听器可以这样写：

const button = document.querySelector('#button');
button.addEventListener('click', function() {
  // 执行相应的操作
});

上述代码中，我们首先通过querySelector()方法获取了id为button的按钮元素，然后使用addEventListener()方法为该元素添加了一个click事件监听器，当按钮被点击时，就会执行相应的操作。

除了click事件，还有很多其他的事件类型可以监听，比如keydown、keyup、mousemove、scroll等等，具体可以参考相关文档。