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 相关文章推荐
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
javascript先序遍历DOM树的方法
Feb 27 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
Mar 08 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
微信小程序实现留言功能
Oct 31 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
用JS写一个发布订阅模式
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
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
Admin generator, filters and I18n
2011/10/06 PHP
基于PHP常用字符串的总结(待续)
2013/06/07 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
extjs grid取到数据而不显示的解决
2008/12/29 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
JS 表单验证大全
2011/11/23 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
会计电算化专业个人的自我评价
2013/11/24 职场文书
小学数学国培感言
2014/03/10 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
内勤岗位职责
2015/02/10 职场文书
毕业生党员个人总结
2015/02/14 职场文书
教师见习总结范文
2015/06/23 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python