js 鼠标事件和例子

JavaScript提供了多种鼠标事件，这些事件可以用于响应用户与网页的交互。以下是一些常见的鼠标事件和示例：

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

javascript
button.addEventListener('click', function() {  
    alert('按钮被点击了！');  
});
dblclick：当用户双击元素时触发。

javascript
button.addEventListener('dblclick', function() {  
    alert('按钮被双击了！');  
});
mouseover：当用户将鼠标指针移动到元素上时触发。

javascript
button.addEventListener('mouseover', function() {  
    alert('鼠标移到了按钮上！');  
});
mouseout：当用户将鼠标指针从元素上移开时触发。

javascript
button.addEventListener('mouseout', function() {  
    alert('鼠标离开了按钮！');  
});
mousedown：当用户按下鼠标按钮时触发。

javascript
button.addEventListener('mousedown', function() {  
    alert('鼠标按钮被按下了！');  
});
mouseup：当用户释放鼠标按钮时触发。

javascript
button.addEventListener('mouseup', function() {  
    alert('鼠标按钮被释放了！');  
});
mousemove：当用户移动鼠标指针时触发。

javascript
button.addEventListener('mousemove', function() {  
    alert('鼠标在移动！');  
});
这些事件都可以通过addEventListener方法添加到HTML元素上，以响应用户的交互。