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>
相关文章
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
这篇文章主要介绍了jquery.validate自定义验证用法,结合实例形式分析了jQuery成功提示与择要提示验证操作相关实现与使用技巧,需要的朋友可以参考下2020-06-06jquery使用append(content)方法注意事项分享
append(content)函数的功能向每个匹配的元素内部追加内容,在使用方法上需要引起大家的注意,详细看下面示例2014-01-01
最新评论