基于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实现用方向键控制层的上下左右移动
Jan 13 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
JavaScript优化专题之Loading and Execution加载和运行
Jan 20 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
简单谈谈gulp-changed插件
Feb 21 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 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
77A一级收信机修理记
2021/03/02 无线电
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
PHP系统流量分析的程序
2006/10/09 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
javascript中动态加载js文件多种解决办法总结
2013/11/15 Javascript
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
python获取android设备的GPS信息脚本分享
2015/03/06 Python
Python开发的实用计算器完整实例
2017/05/10 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
python 实现dict转json并保存文件
2019/12/05 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
人力资源管理专业自荐书范文
2014/02/10 职场文书
大学班级学风建设方案
2014/05/01 职场文书
涨价通知怎么写
2015/04/23 职场文书
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA