基于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 相关文章推荐
js AspxButton的客户端操作
Jun 26 Javascript
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
vue params、query传参使用详解
Sep 12 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
js实现页面导航层级指示效果
Aug 25 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
substr()函数中文版
2006/10/09 PHP
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
解决element UI 自定义传参的问题
2018/08/22 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
解决Django删除migrations文件夹中的文件后出现的异常问题
2019/08/31 Python
python中time、datetime模块的使用
2020/12/14 Python
adidas美国官网:adidas US
2016/09/21 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
一套PHP的笔试题
2013/05/31 面试题
物理教育专业毕业生推荐信
2013/11/03 职场文书
大学生表扬信范文
2014/01/09 职场文书
党员实事承诺书
2014/03/26 职场文书
评先进个人材料
2014/12/29 职场文书
武夷山导游词
2015/02/03 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
小学语文国培研修日志
2015/11/13 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python