基于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 相关文章推荐
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
JavaScript中layim之整合右键菜单的示例代码
Feb 06 Javascript
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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
用于table内容排序
2006/07/21 Javascript
js 单引号 传递方法
2009/06/22 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
简单实现js浮动框
2016/12/13 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python编程之string相关操作实例详解
2017/07/22 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
美国汽车交易网站:Edmunds
2016/08/17 全球购物
财政专业求职信范文
2014/02/19 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
部门2014年度工作总结
2014/11/12 职场文书
大雁塔导游词
2015/02/04 职场文书
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript