js常用事件（1）

JavaScript 中有许多常用的事件，广泛应用于网页交互和动态功能的实现。以下是一些常用的 JavaScript 事件分类及其示例

鼠标事件 (Mouse Events)

click: 当用户点击元素时触发。

element.addEventListener('click', function() {
    console.log('Element clicked!');
});

dblclick: 当用户双击元素时触发。

element.addEventListener('dblclick', function() {
    console.log('Element double-clicked!');
});

mouseover: 当鼠标指针移到元素上时触发。

element.addEventListener('mouseover', function() {
    console.log('Mouse over element!');
});

mouseout: 当鼠标指针移出元素时触发。

element.addEventListener('mouseout', function() {
    console.log('Mouse out of element!');
});

mousemove: 当鼠标在元素上移动时持续触发。

element.addEventListener('mousemove', function() {
    console.log('Mouse moving over element!');
});

mousedown/mouseup: 当鼠标按下或松开时触发。

element.addEventListener('mousedown', function() {
    console.log('Mouse button pressed down!');
});
element.addEventListener('mouseup', function() {
    console.log('Mouse button released!');
});

键盘事件 (Keyboard Events)

keydown: 当用户按下键盘上的任意键时触发。

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

keyup: 当用户释放键盘上的任意键时触发。

document.addEventListener('keyup', function(event) {
    console.log('Key released: ' + event.key);
});