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 Color Picker(js拾色器效果)
Aug 27 Javascript
js数组方法扩展实现数组统计函数
Apr 09 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
Dec 12 Javascript
简单了解JavaScript异步
May 23 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
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遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python之yield表达式学习
2014/09/02 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
生产班组长岗位职责
2014/01/05 职场文书
新领导上任欢迎词
2014/01/13 职场文书
国培教师自我鉴定
2014/02/12 职场文书
cf战队收人口号
2014/06/21 职场文书
城管个人总结
2015/02/28 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
拙作再改《我的收音机情缘》
2022/04/05 无线电
win10清理dns缓存
2022/04/19 数码科技
使用Django框架创建项目
2022/06/10 Python
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS