Script.aculo.us 快速连续事件导致显示错误...？

Question

在 onMouseOver 事件上使用 script.aculo.us Effect.Highlight 效果非常好 - 如果用户仅将鼠标悬停在 DIV 上一次。如果在执行效果期间将鼠标移回 DIV 上，则会安排另一个效果（或并行运行，具体取决于是否

{队列：'结束'}

已启用）。

script.aculo.us 是否有内置方法来防止这种情况发生，以便只有当用户鼠标悬停在静止状态的 DIV 上时，DIV 才会突出显示自身？否则我想我可以保留一个恢复到“休息”状态的变量：

afterFinish: function(obj) { 休息 = true; }

以前注意到过类似的情况：例如，Effect.Shake，如果多次调用，会导致 DIV 在更宽的框架中抖动。

此外，如果您快速连续多次单击演示，则可以在演示网站上看到此问题： 点击查看演示

Answer 1

提出了类似于我在问题中提出的解决方案，似乎有效：

$('id').writeAttribute('resting');
//
// other code here
//
if($('id').readAttribute('resting') == 'resting') {
    $('id').writeAttribute('resting',false); 
    new Effect.Highlight('id', {queue: 'end', startcolor:'#b3ff8d', endcolor:'#ffffff',afterFinish:function(obj) {obj.element.writeAttribute('resting')}});
}

Answer 2

每次将鼠标悬停在元素上时都会触发 onMouseOver 事件。 Script.aculo.us 没有内置方法来检查您所要求的内容。

但是，您可以做的是在 onMouseOver 上向名为“fired”的元素添加一个类，如果您看到该类未触发，则触发鼠标悬停。

您还可以向 onMouseOut 添加一个计时器，这样，如果他们尝试在计时器耗尽之前将鼠标悬停在该元素上，该元素将不会突出显示。我承认，这可能会变得很棘手。

Answer 3

由于他们的亮点演示也有同样的问题，我想它就是这样构建的。

我不熟悉 Scriptaculous 库或它所基于的原型。然而，浏览一下 Effect.Highlight 的源代码（当前的第 474 行代码），我们可以看看如何解决您的问题。

我实际上没有尝试过这个，但我想尝试的是这样的：

function MySiteSetup(){
 var highlight = new Effect.Highlight('id_of_element', [options]);

 var firing = false;
 var oldSetup = highlight.setup;
 highlight.setup = function(){
  if(firing) return; // Short circuit the effect if it's already firing

  firing = true;
  oldSetup();
  firing = false;
 }
}