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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
基于jquery的无刷新分页技术
Jun 11 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
Angular 4依赖注入学习教程之简介(一)
Jun 04 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
React实现全选功能
Aug 25 Javascript
JavaScript常用工具函数库汇总
Sep 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
PHP strtr() 函数使用说明
2008/11/21 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
jQuery实现6位数字密码输入框
2016/12/29 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
python实现画一颗树和一片森林
2018/06/25 Python
django 将model转换为字典的方法示例
2018/10/16 Python
Python中捕获键盘的方式详解
2019/03/28 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
python用requests实现http请求代码实例
2019/10/31 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
OpenCV+python实现膨胀和腐蚀的示例
2020/12/21 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
教育局长自荐信范文
2013/12/22 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
Elasticsearch 基本查询和组合查询
2022/04/19 Python
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python