基于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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
小议Javascript中的this指针
Mar 18 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 Javascript
微信jssdk用法汇总
Jul 16 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
Nov 01 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 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
php中simplexml_load_file函数用法实例
2014/11/12 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
javascript 动态修改样式和层叠样式表代码
2010/04/27 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
2015/12/08 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
python对字典进行排序实例
2014/09/25 Python
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
python实现汉诺塔算法
2021/03/01 Python
Python中正则表达式的用法总结
2019/02/22 Python
Python实现粒子群算法的示例
2021/02/14 Python
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
乐高奥地利官方商店:LEGO Shop AT
2019/07/16 全球购物
办公室主任岗位职责
2013/11/08 职场文书
公务员培训心得体会
2013/12/28 职场文书
先进班级集体事迹材料
2014/01/30 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
我爱读书演讲稿
2014/05/07 职场文书
本科毕业生自荐信
2014/05/26 职场文书
工地标语大全
2014/06/18 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
2014领导班子正风肃纪思想汇报
2014/09/18 职场文书
责任书格式
2015/01/29 职场文书
2016高考感言
2015/08/01 职场文书