javascript - 悬停时检查鼠标按钮是否按下？

Question

我有一个用户在网站上与之交互的方框网格。如果他们单击一个框，它会改变颜色。有很多盒子，我希望它不那么乏味，所以如果功能是这样会很好:如果鼠标按钮按下并且您将鼠标悬停在盒子上，它会改变状态。有什么想法吗？

Answer 1

您可以使用 buttons传递给悬停回调的事件属性，以检查触发事件时按下了哪些鼠标按钮。

例如，当用鼠标输入一个元素时，要检测左键是否被按下，你可以使用:

myElement.addEventListener("mouseover", function(e){
    if(e.buttons == 1 || e.buttons == 3){
        //do some stuff
    }
})

下面是这个想法的演示:http://jsfiddle.net/Ah6pw/

按住鼠标左键并在不同的列表项之间移动鼠标。