萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery鼠標停止移動事件

jquery鼠標停止移動事件

 這篇文章主要介紹了jquery鼠標停止移動事件,有需要的朋友可以參考一下

 代碼如下: <script src="jquery.js"></script> <script> (function($){  $.fn.moveStopEvent = function(callback){   return this.each(function() {    var x = 0,     y = 0,     x1 = 0,     y1 = 0,     isRun = false,     si,     self = this;      var sif = function(){     si = setInterval(function(){          if(x == x1 && y ==y1){           clearInterval(si);           isRun = false;           callback && callback.call(self);          }          x = x1;          y = y1;         }, 500);    }      $(this).mousemove(function(e){     x1 = e.pageX;     y1 = e.pageY;     !isRun && sif(), isRun = true;    }).mouseout(function(){     clearInterval(si);     isRun = false;    });  });  } })(jQuery);   $(function(){  $("#div1,#div2").moveStopEvent(function(){    alert($(this).attr("id"));   }  ); }); </script> <div id="div1" style="width:200px;height:100px;background-color:#ccc;">div1</div> <br/> <div id="div2" style="width:200px;height:100px;background-color:#ccc;">div2</div>  
copyright © 萬盛學電腦網 all rights reserved