解决方法：jQuery实现鼠标传递事件的延迟处理效果

jQuery悬停事件的延迟处理，具体的JS代码如下：

(function($){ 
 $.fn.hoverDelay = function(options){ 
  var defaults = { 
   hoverDuring: 200, 
   outDuring: 200, 
   hoverEvent: function(){ 
    $.noop(); 
   }, 
   outEvent: function(){ 
    $.noop(); 
   } 
  }; 
  var sets = $.extend(defaults,options || {}); 
  var hoverTimer, outTimer; 
  return $(this).each(function(){ 
   $(this).hover(function(){ 
    clearTimeout(outTimer); 
    hoverTimer = setTimeout(sets.hoverEvent, sets.hoverDuring); 
   },function(){ 
    clearTimeout(hoverTimer); 
    outTimer = setTimeout(sets.outEvent, sets.outDuring); 
   }); 
  }); 
 } 
})(jQuery); 

hoverDelay方法中有四个参数，表示以下内容：

此功能的目的是将鼠标与事件和延迟分开。延迟和延迟清除已通过此方法解决。您所要做的就是设置延迟时间以及相应的鼠标通过或移除事件。举一个简单的例子，下面的代码：

$("#test").hoverDelay({ 
 hoverDuring: 1000, 
 outDuring: 1000, 
 hoverEvent: function(){ 
  $("#tm").show(); 
 }, 
 outEvent: function(){ 
  $("#tm").hide(); 
 } 
}); 

以下是更简洁的情况：

$("#test").hoverDelay({ 
 hoverEvent: function(){ 
  alert("经过 我！"); 
 } 
});

表示ID为test的元素将弹出一个带有“ Pass Me！”字样的弹出框。鼠标经过200毫秒后。

以上是有关jQuery悬停事件的延迟处理的所有信息，希望对您的学习有所帮助。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-314126-1.html