Js和JQuery获取鼠标指针坐标的实现代码分享


Posted in Javascript onMay 25, 2015
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<title>jquery 获取鼠标指针的坐标</title>
<script>
//普通js函数
function test(event) {
 event = event || window.event;
 var x = event.offsetX || event.layerX;
 var y = event.offsetY || event.layerY;
 alert("x="+x+"; y="+y);
 }
//jquery函数
$(function(){
 $("#t").mouseover(
 function(event){
  event = event || window.event; 
  var x = event.offsetX || event.originalEvent.layerX;
  var y = event.offsetY || event.originalEvent.layerY;
  alert("x:"+x+"; y:"+y);
 }
 );
 });
</script>

</head>

<body>
<div id="t" style="float:left;background-color: green;width: 300px;height: 60px;">测试鼠标位置(jquery函数处理)</div>
<div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">测试鼠标位置(普通js函数处理)</div>

</body>
</html>
Javascript 相关文章推荐
列表内容的选择
Jun 30 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
Jun 05 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
JavaScript实现的简单Tab点击切换功能示例
Jul 06 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
Javascript实现飞动广告效果的方法
May 25 #Javascript
javascript自定义右键弹出菜单实现方法
May 25 #Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 #Javascript
JavaScript实现仿网易通行证表单验证
May 25 #Javascript
js+cookies实现悬浮购物车的方法
May 25 #Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 #Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 #Javascript
You might like
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
Mootools 1.2教程 类(一)
2009/09/15 Javascript
浅谈JavaScript Array对象
2014/12/29 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
vue组件横向树实现代码
2018/08/02 Javascript
jQuery实现图片简单轮播功能示例
2018/08/13 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
vue解决跨域问题(推荐)
2020/11/10 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
使用python将多个excel文件合并到同一个文件的方法
2019/07/09 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
Python使用xpath实现图片爬取
2020/09/16 Python
Python实现区域填充的示例代码
2021/02/03 Python
美国儿童玩具、装扮和玩偶商店:Magic Cabin
2018/09/02 全球购物
专营店会计助理岗位职责
2013/11/29 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
幼儿园开学寄语
2014/04/03 职场文书
借款担保书范文
2014/05/13 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
先进个人材料怎么写
2014/12/30 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
python基础详解之if循环语句
2021/04/24 Python