浏览器中的特殊鼠标事件:滚轮,右键单击?

时间:2009-02-04 20:29:55

标签: javascript cross-browser sample mousewheel right-click

谷歌地图是一个令人印象深刻的显示你可以用javascript和Ajaxy-goodness做什么。甚至我的鼠标滚轮和右键单击都可以提供特定的功能。

在标准HTML规范中,我没有看到鼠标滚轮的“onmouserightclick”事件或类似的基本javascript处理。也许我在寻找错误的地方。

我认为这些事件是浏览器和平台特定的(或“敏感的”而非特定的)。我想知道在所有浏览器中利用这些事件需要什么基本的纯HTML和Javascript。

当然,在设计网站时,这些功能必须是额外的,因为有些人仍然使用单键鼠标。

如何使用鼠标滚轮使用事件并右键单击?我正在寻找示例代码。

编辑:感谢jQuery代码!我的系统开发人员仍然有疑问和怀疑。主要是我担心这里似乎适用的平台限制。是否有浏览器中的某些功能不起作用?鼠标滚轮上下事件是否也允许鼠标滚轮点击事件?我希望那里有一些限制,我想知道它是否正式记录。我想知道它在低级别的工作原理。我很高兴看到jQuery很容易,这是我进入它的另一个原因。

3 个答案:

答案 0 :(得分:4)

鼠标滚轮 :执行文章:here

原型方法:Here

JQuery方法:Here

答案 1 :(得分:2)

如果您正在使用jQuery,使用右键菜单执行操作非常简单:

$(document).bind("contextmenu",function(e){
    alert("You right clicked!");
    return false; //disable the context menu
});

否则,您可以使用quirskmode提供的此脚本: http://www.quirksmode.org/js/events_properties.html#link6

至于鼠标滚轮,这是我过去使用的一个很棒的剧本:

http://adomas.org/javascript-mouse-wheel/

答案 2 :(得分:1)

你说跨浏览器所以你必须指jquery:P

http://www.ogonek.net/mousewheel/jquery-demo.html

http://abeautifulsite.net/notebook_files/68/demo/

我打赌你可以找到那样做的javascript,但我认为它总是更好地使用组件(或插件),因为它可能有bug(或者可能是跨浏览器的bug),并且使得它会从中获取电子邮件的人有人正在使用它并修复它。使用纯JavaScript,你总是应该在每个浏览器的每个版本中检查它。