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

Question

我有一个用户在网站上互动的框网格。如果他们点击一个框，它会改变颜色。有很多盒子，我希望它不那么乏味，所以拥有这个功能会很好：如果鼠标按钮关闭而你将鼠标悬停在盒子上，它会改变状态。有什么想法吗？

Answer 1

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

例如，要检测使用鼠标输入元素时是否按下了左键，您可以使用：

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

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

按住鼠标左键并将鼠标移动到不同的列表项目中。

Answer 2

我找到了类似的东西。单击某个空间中的对象，然后进行少量交互。 http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html（寻找代码的灵感）

这些链接也可能对您有用

• jQuery is mousedown on mouseover
• Detect left mouse button press
• http://unixpapa.com/js/mouse.html

Answer 3

查看onmousedown & onmouseup个事件。