如果事件队列不为空，则防止 onMouseOver 连续多次触发

Question

我有一个关于“a”标签上的 onmouseover 的问题。我目前有一个“img”缩略图列表，其中 onMouseOver 附加到包装“img”的“a”标签。当鼠标悬停在图像上时，图像的“预览”将通过 JavaScript 函数加载到另一个 div 中，此 JavaScript 函数具有 jquery fadeto 效果，因此预览将淡入视图。

现在的问题是，如果用户快速将鼠标悬停在多个缩略图上，则 onMouseOver 事件会被注册多次，因此当用户最终停止快速将鼠标悬停在多个缩略图上时，最后一个缩略图将多次接收该事件，并且不仅淡入一次。下面是我的代码：

    function previewimage(loadimg){
      jloadimg='<img src="../images/'+loadimg+'.png" />';

      //stimulate a fade in effect by making the image has 0.7 opacity first
      $(#largeimage).fadeTo('fast', 0.7, function() {
      });
      $(#largeimage).fadeTo('slow', 1, function() {
      });

      document.getElementById('largeimage').innerHTML=jloadimg;
    }

对于缩略图列表，我有：

<a onMouseOver="previewimage('imagefile1');"><img src="path/to/thumbnail/image1.png" /></a>
<a onMouseOver="previewimage('imagefile2');"><img src="path/to/thumbnail/image2.png" /></a>
<a onMouseOver="previewimage('imagefile3');"><img src="path/to/thumbnail/image3.png" /></a>

如果前一个事件仍在队列中，如何取消连续运行的多个事件？谢谢。