基于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 相关文章推荐
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
原生js实现节日时间倒计时功能
Jan 18 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
Mar 21 Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
vue监听input标签的value值方法
Aug 27 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
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
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
php从数据库中读取特定的行(实例)
2017/06/02 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
2014/05/14 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
Python3.2中的字符串函数学习总结
2015/04/23 Python
python实现公司年会抽奖程序
2019/01/22 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2020/02/11 Python
python实现电子词典
2020/03/03 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
django正续或者倒序查库实例
2020/05/19 Python
django form和field具体方法和属性说明
2020/07/09 Python
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
考试没考好检讨书
2014/01/31 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
大学生求职信
2014/06/17 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
中学推普周活动总结
2015/05/07 职场文书
超搞笑婚前保证书
2015/05/08 职场文书