在 JavaScript 中，有许多常见的事件可用于响应用户的交互或其他操作。以下是几种常用的事件：
1. 点击事件（click）：当用户点击（或触摸）一个元素时触发。
var button = document.getElementById('myButton'); button.addEventListener('click', function() { console.log('按钮被点击了！'); });
2. 鼠标移入和移出事件（mouseover 和 mouseout）：当鼠标光标进入或离开一个元素时触发。
var element = document.getElementById('myElement'); element.addEventListener('mouseover', function() { console.log('鼠标进入元素！'); }); element.addEventListener('mouseout', function() { console.log('鼠标离开元素！'); });
3. 键盘事件（keydown、keyup 和 keypress）：当用户按下或释放一个键盘按键时触发。
document.addEventListener('keydown', function(event) { console.log('按下键盘按键：' + event.key); }); document.addEventListener('keyup', function(event) { console.log('释放键盘按键：' + event.key); });
4. 表单事件（submit、change 和 input）：当用户提交表单、改变表单字段的值或输入内容时触发。
var form = document.getElementById('myForm'); form.addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单提交 console.log('表单已提交！'); }); var input = document.getElementById('myInput'); input.addEventListener('change', function() { console.log('输入框的值已改变：' + input.value); }); input.addEventListener('input', function() { console.log('输入框正在输入中：' + input.value); });
5. 页面加载事件（load）：当页面完全加载并呈现给用户时触发。
window.addEventListener('load', function() { console.log('页面已加载！'); });
6. 页面滚动事件（scroll）：当页面滚动时触发。
window.addEventListener('scroll', function() { console.log('页面正在滚动！'); });
7. 元素拖拽事件（drag、dragstart、dragend 等）：当元素被拖动时触发的一系列事件。
var element = document.getElementById('myElement'); element.addEventListener('dragstart', function(event) { console.log('元素开始拖拽！'); }); element.addEventListener('dragend', function(event) { console.log('元素结束拖拽！'); });
8. 触摸事件（touchstart、touchmove、touchend 等）：当用户在触摸屏上进行触摸操作时触发的一系列事件。
var element = document.getElementById('myElement'); element.addEventListener('touchstart', function(event) { console.log('触摸开始！'); }); element.addEventListener('touchmove', function(event) { console.log('触摸移动中！'); }); element.addEventListener('touchend', function(event) { console.log('触摸结束！'); });
9. 鼠标滚轮事件（mousewheel 或 wheel）：当用户使用鼠标滚轮滚动时触发。
window.addEventListener('mousewheel', function(event) { console.log('鼠标滚轮滚动！'); });
10. 媒体事件（play、pause、ended 等）：当媒体元素（如音频或视频）播放、暂停或结束时触发。
var video = document.getElementById('myVideo'); video.addEventListener('play', function() { console.log('视频开始播放！'); }); video.addEventListener('pause', function() { console.log('视频暂停！'); }); video.addEventListener('ended', function() { console.log('视频播放结束！'); });
这些只是常见的一些事件，还有更多事件可以用于不同的交互和操作。通过监听这些事件并绑定相应的处理函数，我们可以实现丰富的用户交互和动态效果。
