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

Question

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

Answer 1

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

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

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

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

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