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 相关文章推荐
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
初学js 新节点的创建 删除 的步骤
Jul 04 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
JS简单实现String转Date的方法
Mar 02 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 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
特转载一高手总结PHP学习资源和链接.
2006/12/05 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
2014/05/04 Javascript
JavaScript保留两位小数的2个自定义函数
2014/05/05 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
vue中使用cropperjs的方法
2018/03/01 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
python检测服务器是否正常
2014/02/16 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
简单了解python关系(比较)运算符
2019/07/08 Python
详解Python打包分发工具setuptools
2019/08/05 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
JackJones官方旗舰店:杰克琼斯男装
2018/03/27 全球购物
应届生英语教师求职信
2013/11/05 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
财务管理专业求职信
2014/06/11 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
优秀创业计划书分享
2019/07/19 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书