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 XML和string相互转化实现代码
Jul 04 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
Sep 14 Javascript
详细分析单线程JS执行问题
Nov 22 Javascript
12条写出高质量JS代码的方法
Jan 07 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 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实现通过cookie换肤的方法
2015/07/13 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
javascript URL编码和解码使用说明
2010/04/12 Javascript
Ext 今日学习总结
2010/09/19 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
2017/09/04 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
基于滚动条位置判断的简单实例
2017/12/14 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
nginx部署访问vue-cli搭建的项目的方法
2018/02/12 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
[06:07]DOTA2-DPC中国联赛3月5日Recap集锦
2021/03/11 DOTA
Python使用Supervisor来管理进程的方法
2015/05/28 Python
Python 数据结构之队列的实现
2017/01/22 Python
python操作文件的参数整理
2019/06/11 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
python基于win32api实现键盘输入
2020/12/09 Python
三星美国官网:Samsung美国
2017/02/06 全球购物
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
德国网上花店:Valentins
2018/08/15 全球购物
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
化学学院毕业生自荐信范文
2013/12/17 职场文书
建筑工程专业学生的自我评价
2013/12/25 职场文书
九年级家长会邀请函
2014/01/15 职场文书
村干部承诺书
2014/03/28 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
赢在执行观后感
2015/06/16 职场文书
Django实现聊天机器人
2021/05/31 Python