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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
学习ExtJS border布局
Oct 08 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
JS前端模块化原理与实现方法详解
Mar 17 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
通过JavaScript或PHP检测Android设备的代码
2011/03/09 PHP
php导出生成word的方法
2015/12/25 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
vue接口请求加密实例
2020/08/11 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
[02:11]DOTA2上海特级锦标赛主赛事第二日RECAP
2016/03/04 DOTA
python实现斐波那契递归函数的方法
2014/09/08 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
Django框架之中间件MiddleWare的实现
2019/12/30 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
python3代码中实现加法重载的实例
2020/12/03 Python
HTML5基于flash实现播放RTMP协议视频的示例代码
2020/12/04 HTML / CSS
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
JAVA软件工程师测试题
2014/07/25 面试题
护士求职信范文
2014/05/24 职场文书
公司任命书模板
2014/06/06 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
《将心比心》教学反思
2016/02/23 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL