指定時間的mootool事件延遲

Question

任何人都會遇到一個代碼，當鼠標在某個時間內輸入元素時只觸發事件？但如果只懸停或直通快元件時將不會觸發事件..

Answer 1

var timer = null; 
element.addEvents({ 
    mouseenter: function() { 
    timer = setTimeout(foo, 5000); 
    }, 

    mouseleave: function() { 
    clearTimeout(timer); 
    } 

}); 

所以foo將被稱爲只有當光標超過元素，持續5秒

Answer 2

使用setTimeout，這不是MooTools的方式。你應該用的是框架的方法：

var theDiv = $$('div')[0]; 
var foo = function(){ 
    theDiv.highlight(); 
}; 
var timer; 

theDiv.addEvents({ 
    mouseenter: function() { 
     timer = foo.delay(1000); 
    }, 

    mouseleave: function() { 
     $clear(timer); 
    } 
});​ 

見工作例如：http://www.jsfiddle.net/oskar/SZsNT/