jquery鼠标停止移动事件
2023-06-13 09:15:14 时间
<scriptsrc="jquery.js"></script>
<script>
(function($){
$.fn.moveStopEvent=function(callback){
returnthis.each(function(){
varx=0,
y=0,
x1=0,
y1=0,
isRun=false,
si,
self=this;
varsif=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>
<divid="div1"style="width:200px;height:100px;background-color:#ccc;">div1</div>
<br/>
<divid="div2"style="width:200px;height:100px;background-color:#ccc;">div2</div>
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jquery事件delegate()方法用法详解[通俗易懂]
- JQuery中的select下拉框[通俗易懂]
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jquery根据name取值详解编程语言
- jQuery获取this当前对象子元素对象详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- jQuery on()方法绑定事件
- jQuery parent() parents()和parentsUntil()方法
- jquery多浏览器捕捉回车事件代码
- 合并table相同单元格的jquery插件分享(很精简)
- jquery中dom操作和事件的实例学习-表单验证
- jquery卷帘效果实现代码(不同方向)
- Struts2的s:radio标签使用及用jquery添加change事件
- Jquery事件的连接使用示例
- JQuery的自定义事件代码,触发,绑定简单实例
- jquery选择器、属性设置用法经验总结
- jquery快捷动态绑定键盘事件的操作函数代码
- jQuery中$.fn的用法示例介绍
- jQuery事件的命名空间简单了解
- ff下JQuery无法监听input的keyup事件的解决方法
- jquery中交替点击事件的实现代码
- 按Enter键触发事件的jquery方法实现代码
- jquery、js操作checkbox全选反选
- jQuery函数的第二个参数获取指定上下文中的DOM元素
- jQuery事件绑定和委托实例
- 使用jquery菜单插件HoverTree仿京东无限级菜单
- PHP+jquery+ajax实现即时聊天功能实例
- JQuery中使用ajax传输超大数据的解决方法
- jQuery实现单击和鼠标感应事件
- jQuery实现长按按钮触发事件的方法
- jQuery级联操作绑定事件实例