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面向对象编程
Mar 18 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
javascript函数特点实例分析
May 14 Javascript
jQuery实现转动随机数抽奖效果的方法
May 21 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
js编写三级联动简单案例
Dec 21 Javascript
js评分组件使用详解
Jun 06 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
Element Input输入框的使用方法
Jul 26 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
构建简单的Webmail系统
2006/10/09 PHP
php两种无限分类方法实例
2015/04/21 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
js自定义弹框插件的封装
2020/08/24 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
小程序实现列表倒计时功能
2021/01/29 Javascript
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Python探索之创建二叉树
2017/10/25 Python
Django实现分页功能
2018/07/02 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
Python PIL库图片灰化处理
2020/04/07 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
个人找工作求职简历的自我评价
2013/10/20 职场文书
2014三八妇女节活动总结
2014/03/01 职场文书
倡议书范文格式
2014/05/12 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS