jquery鼠标停止移动事件


Posted in Javascript onDecember 21, 2013
<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>
Javascript 相关文章推荐
javascript 常用代码技巧大收集
Feb 25 Javascript
Javascript select下拉框操作常用方法
Nov 09 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
同时使用n个window onload加载实例介绍
Apr 25 Javascript
Ext JS添加子组件的误区探讨
Jun 28 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
浅探express路由和中间件的实现
Sep 30 Javascript
使用vue实现通过变量动态拼接url
Jul 22 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
JS delegate与live浅析
Dec 21 #Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 #Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 #Javascript
jquery如何通过name名称获取当前name的value值
Dec 20 #Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 #Javascript
Javascript selection的兼容性写法介绍
Dec 20 #Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 #Javascript
You might like
php实现读取手机客户端浏览器的类
2015/01/09 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
js三种排序算法分享
2012/08/16 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
jquery实现两边飘浮可关闭的对联广告
2015/11/27 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
2016/05/28 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
jquery Ajax 全局调用封装实例详解
2017/01/16 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
python之import机制详解
2014/07/03 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
Python执行时间的几种计算方法
2020/07/31 Python
Django实现简单的分页功能
2021/02/22 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
台湾家适得:Homeget
2019/02/11 全球购物
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
《永远的白衣战士》教学反思
2014/04/25 职场文书
法语专业求职信
2014/07/20 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
跳高加油稿
2015/07/21 职场文书
宾馆安全管理制度
2015/08/06 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
Python如何加载模型并查看网络
2022/07/15 Python