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 相关文章推荐
在模板页面的js使用办法
Apr 01 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
jquery实现手风琴效果
Nov 20 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
Jun 02 Javascript
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
JS+CSS实现过渡特效
Jan 02 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
PHP+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
PHP数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
php数组函数序列之array_search()- 按元素值返回键名
2011/11/04 PHP
php对称加密算法示例
2014/05/07 PHP
2010年最佳jQuery插件整理
2010/12/06 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
JS实现图片切换特效
2019/12/23 Javascript
PyQt5每天必学之单行文本框
2018/04/19 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python+opencv实现摄像头调用的方法
2019/06/22 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
外语学院毕业生的自我鉴定
2013/11/28 职场文书
高分子材料与工程专业推荐信
2013/12/01 职场文书
中年人生感言
2014/02/04 职场文书
聘用意向书范本
2014/04/01 职场文书
共青团员自我评价范文
2014/09/14 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
经营场所证明范本
2015/06/19 职场文书
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python