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停止输出代码
Jul 20 Javascript
JavaScript 权威指南(第四版) 读书笔记
Aug 11 Javascript
学习ExtJS form布局
Oct 08 Javascript
判断iframe是否加载完成的完美方法
Jan 07 Javascript
div模拟选择框示例代码
Nov 03 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
element-ui 中的table的列隐藏问题解决
Aug 24 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 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
PHP的FTP学习(四)
2006/10/09 PHP
php生成局部唯一识别码LUID的代码
2012/10/06 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
js下写一个事件队列操作函数
2010/07/19 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
python顺序的读取文件夹下名称有序的文件方法
2018/07/11 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
python如何实现图片压缩
2020/09/11 Python
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
中学运动会广播稿
2014/01/19 职场文书
致百米运动员广播稿
2014/01/29 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
开学第一周总结
2015/07/16 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书
openstack中的rpc远程调用的方法
2021/07/09 Python
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python