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 相关文章推荐
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
Jan 24 Javascript
javascript 实现子父窗体互相传值的简单实例
Feb 17 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
Nov 07 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
Dec 06 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
layui实现左侧菜单点击右侧内容区显示
Jul 26 Javascript
vue npm install 安装某个指定的版本操作
Aug 11 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
PHP 高级课程笔记 面向对象
2009/06/21 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
php json与xml序列化/反序列化
2013/10/28 PHP
javascript document.images实例
2008/05/27 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
详解node字体压缩插件font-spider的用法
2018/09/28 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
微信小程序前端promise封装代码实例
2019/08/24 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
浅析JavaScript预编译和暗示全局变量
2020/09/03 Javascript
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
Python_LDA实现方法详解
2017/10/25 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
Python简单定义与使用二叉树示例
2018/05/11 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
创新比赛获奖感言
2014/02/13 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
教职工代表大会主持词
2014/04/01 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
六年级作文之预言作文
2019/10/25 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python