21

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

4

3 回答 3

30

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

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

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

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

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

于 2013-02-26T20:27:11.297 回答
0

我发现了类似的东西。单击某个空间中的对象,然后很少进行交互。 http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html(在代码中寻找灵感)

这些链接也可能对您有用

于 2013-02-26T20:29:55.827 回答
-4

请参阅onmousedown 和 onmouseup事件。

于 2013-02-26T20:29:52.083 回答