jquery鼠标停止移动事件_Javascript教程-查字典教程网
jquery鼠标停止移动事件
jquery鼠标停止移动事件
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:(function($){$.fn.moveStopEvent=function(callback){returnthis...

复制代码 代码如下:

<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">div1</div>

<br/>

<div id="div2">div2</div>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类