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元素上,以响应用户的交互。

01-26 10:06