IE在拖动时平滑地图平移

我试图平滑我用JavaScript构建的地图应用程序的性能。我初步实现了用IE在拖动时平滑地图平移

onmousedown事件
的OnMouseMove
onmouseup

然而，在IE浏览器，感觉真的很呆滞，看来，当你真正将光标移动快速的地图没有按”一拖盘t更新它的位置，直到你停止移动。

我转换我的代码使用本地IE事件

ondragstart使用这些事件时
ondrag当
ondragend

的表现要好得多，但似乎我能使用标准的CSS属性设置鼠标光标。我只能将游标设置为几个预定义的游标，这不是我想要的。

所以我的问题是。我如何使用第一组事件平滑IE中的拖动，或者如何使用本机事件设置自定义游标。

编辑：代码示例

的代码非常非常简单。即使我删除加载新瓷砖的逻辑（即只有容器正在移动），它仍然感到笨重。下面是平移功能：

// the "this" object refers to the div containing all the tile layers. 
function movemap(e) 
{ 
    e = e || window.event; 
    var dx = this.mouseX - e.clientX; 
    var dy = this.mouseY - e.clientY; 

    if (dx !== 0 || dy !== 0) { 
     this.style.left = parseInt(this.style.left) + dx + 'px'; 
     this.style.top = parseInt(this.style.top) + dy + 'px'; 
     this.mouseX = e.clientX; 
     this.mouseY = e.clientY; 
    } 
}

来源

2010-02-02 Alex

完全重复：http://stackoverflow.com/questions/2181482/ie-ondrag-event-setting-mouse-cursor-to-no-drop – jvenema 2010-02-02 06:05:30

我删除了我的旧问题，因为我认为这是一个更好地解释问题。谢谢。 – Alex 2010-02-02 06:12:50

真的很难说，什么让你的拖动事件工作缓慢，没有代码示例。

Sluggish效应可能是由于您在事件执行过程中运行的某些繁重操作造成的。浏览器中的事件系统真的很有趣。它是同步的。这意味着，事件将不会再次触发，直到当前执行完成。

这意味着，您有两种可能性：1.优化内部事件的代码，以便占用较少的CPU时间或2.使事件异步并实现您自己的互斥/信号逻辑。

您可以使用setTimeout功能来做的第二个。如果你设置了setTimeout，（（code），1）你的事件将会异步继续，所以下一个事件将被调度，而不用等待你的代码完成。那么，在这种情况下，你必须开始考虑锁定和排队。通过排队我的意思是，排列所有调度的事件以供将来使用。

很久以前，我做了一些异步事件调度，因为一些繁重的代码执行。它为我工作。也许它也适用于你。

来源

2010-02-02 23:20:29 nemisj

IE在拖动时平滑地图平移

回答

相关问题