拖动鼠标右键时如何平移div的内容?

时间:2010-04-13 14:47:05

标签: javascript javascript-events panning

我需要一种跨浏览器的方式来捕获鼠标右键,阻止默认的上下文菜单,并将其放在用户拖动鼠标的位置,他们可以平移div的内容。这与Google地图很相似,因为它们会抓住内容并拖动以查看他们想要的内容。

请不要外部图书馆。

我已经捕获了这些事件,并且知道这会阻止默认操作:

  if (evt.preventDefault)
 {
        evt.preventDefault();
 }
    else
 {
        evt.returnValue = false;
 }

但这并不妨碍上下文菜单AFAIK。

编辑:我真的不确定如何阻止上下文菜单以及操作滚动条的最佳方法是什么?例子很棒

2 个答案:

答案 0 :(得分:1)

关于滚动条视差滚动的本教程可能有一些用处;

http://inner.geek.nz/javascript/parallax/

答案 1 :(得分:0)

所以我正在使用oncontextmenu =“return false”,我知道这可能会被用户偏好覆盖,但对于那些人,他们可以使用我应用顶部的菜单栏选项。

要处理滚动,我只修改div.scrollLeft和div.scrollTop