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 相关文章推荐
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
vue 实现v-for循环回来的数据动态绑定id
Nov 07 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
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
详解php命令注入攻击
2019/04/06 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
js动态改变select选择变更option的index值示例
2014/07/10 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
Python基于select实现的socket服务器
2016/04/13 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
Tornado 多进程实现分析详解
2018/01/12 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
Python Requests库基本用法示例
2018/08/20 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
Django框架之中间件MiddleWare的实现
2019/12/30 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
简短证婚人证婚词
2014/01/09 职场文书
小学美术教学反思
2014/02/01 职场文书
心理学专业大学生职业生涯规划范文
2014/02/19 职场文书
理工类毕业自我鉴定
2014/02/20 职场文书
2014信息公开实施方案
2014/02/22 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
大学班级文化建设方案
2014/05/06 职场文书
青岛导游词
2015/02/12 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL