IE 在拖动时平滑地图平移

Question

我试图使我使用 javascript 构建的地图应用程序的性能变得平滑。 实现了拖动平移，

• 我最初使用onmousedown
• onmousemove
• onmouseup

但是在 IE 中感觉非常缓慢，而且当您快速移动光标时，地图不会更新其位置，直到您停止移动。

我将代码转换为使用本机 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;
   }
} 

Answer 1

如果没有代码示例，真的很难说是什么导致拖动事件运行缓慢。

效果缓慢可能是由于您在事件执行中运行的一些繁重操作造成的。浏览器中的事件系统非常有趣。这是同步的。这意味着，在当前执行完成之前，不会再次触发该事件。

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

您可以使用 setTimeout 功能来执行第二个操作。如果您执行 setTimeout,((code),1) 您的事件将异步继续，因此将调度下一个事件，而无需等待代码完成。好吧，提前考虑一下，在这种情况下你必须开始考虑锁定和排队。我所说的排队是指将所有已分派的事件排队以供将来使用。

很久以前，由于一些繁重的代码执行，我也做了一些异步事件调度。这对我有用。也许它也适合你。