基于jquery的获取mouse坐标插件的实现代码


Posted in Javascript onApril 01, 2010
/* 
* Copyright (c) 2010 刘建华 
* 
* The above copyright notice shall be 
* included in all copies or substantial portions of the Software. 
* Example: 
<div style="height:1000px">demo</div> 
<div id="demo" style="height:50px; background:purple; width:50px;z-index:999999; position:absolute;left:-1000px;top:-1000px;">demo</div> 
<script type="text/javascript" > 
var o = $(document); 
o.mousemove( function(e){ 
var d = document.getElementById("demo"); 
d.style.left = ($.mouse(e).left + 5) + "px"; 
d.style.top = ($.mouse(e).top + 5) + "px"; 
}); 
</script> 
*/ /* 
* mouse Plugin for jQuery 
* Version: 1.0 
* Release: 2010-03-30 
*/ 
(function($) { 
//Main Method 
jQuery.mouse = function(e){ 
var mouseleft = 0; 
var mousetop = 0; 
if(!($.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent))) 
{ 
mouseleft=e.pageX; 
mousetop=e.pageY; 
} 
else 
{ 
var _top = document.compatMode=="CSS1Compat" ? document.documentElement.scrollTop : document.body.scrollTop; 
var _left = document.compatMode=="CSS1Compat" ? document.documentElement.scrollLeft : document.body.scrollLeft; 
mouseleft=_left+event.clientX; 
mousetop=_top+event.clientY; 
} 
return {left:mouseleft,top:mousetop} ; 
}; 
})(jQuery);
Javascript 相关文章推荐
jQuery live
May 15 Javascript
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
JavaScript实现微信号随机切换代码
Mar 09 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
Vue学习笔记之计算属性与侦听器用法
Dec 07 Javascript
jQuery实现全选按钮
Jan 01 jQuery
Jquery+JSon 无刷新分页实现代码
Apr 01 #Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
Apr 01 #Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 #Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 #Javascript
基于jquery的tab切换 js原理
Apr 01 #Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 #Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 #Javascript
You might like
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
日期 时间js控件
2009/05/07 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
公司JAVA开发面试题
2015/04/02 面试题
大学生就业推荐信范文
2013/11/29 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
销售工作决心书
2015/02/04 职场文书
结婚仪式主持词
2015/06/29 职场文书