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 相关文章推荐
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
ANGULARJS中使用JQUERY分页控件
Sep 16 Javascript
解决JS请求服务器gbk文件乱码的问题
Oct 16 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
vue ssr+koa2构建服务端渲染的示例代码
Mar 23 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 feof用来识别文件末尾字符的方法
2010/08/01 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
wxpython实现图书管理系统
2018/03/12 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
Python实现最常见加密方式详解
2019/07/13 Python
python实现横向拼接图片
2020/03/23 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
简述数据库的设计过程
2015/06/22 面试题
小学生自我鉴定
2013/10/12 职场文书
优秀辅导员事迹材料
2014/02/16 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
三年级评语大全
2014/04/23 职场文书
银行求职信怎么写
2014/05/26 职场文书
优秀工会工作者事迹材料
2014/06/02 职场文书
班级口号大全
2014/06/09 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
班主任先进事迹材料
2014/12/17 职场文书