js mousedown

// HTML部分
<div id="myDiv" style="width: 200px; height: 200px; background-color: lightblue;">
    Click me!
</div>

// JavaScript部分
document.getElementById('myDiv').addEventListener('mousedown', function(event) {
    // 当鼠标按下时触发
    console.log('Mouse down at X: ' + event.clientX + ', Y: ' + event.clientY);

    // 可以在这里添加更多逻辑，比如改变元素样式、执行某些操作等
    this.style.backgroundColor = 'lightcoral'; // 改变背景颜色
});

解释说明：

• mousedown 事件在用户按下鼠标按钮时触发。
• 在上面的代码中，我们为一个 div 元素绑定了 mousedown 事件监听器。当用户在该 div 上按下鼠标按钮时，会触发这个事件，并执行相应的回调函数。
• 回调函数中，我们可以访问 event 对象，它包含了有关事件的信息，例如鼠标的坐标 (clientX, clientY)。
• 此外，我们还通过修改 this.style.backgroundColor 来改变 div 的背景颜色，以此来响应用户的交互。