javascript获取当前鼠标坐标的方法

前端技术 2023/09/05 JavaScript

本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下：

对于javascript获取当前鼠标坐标来说，得对不同浏览器的坐标位置有所了解。具体代码如下：

复制代码 代码如下:
<html>
<head>
<title>javascript获取当前鼠标坐标</title>
<meta http-equiv=\"content-type\" content=\"text/html;charset=utf-8\" />
<script type=\"text/javascript\">
 function mousePosition(ev){
  if(ev.pageX || ev.pageY){//firefox、chrome等浏览器
   return {x:ev.pageX,y:ev.pageY};
  }
  return {// IE浏览器
   x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
   y:ev.clientY + document.body.scrollTop - document.body.clientTop
  };
 }
 function mouseMove(ev){
  ev = ev || window.event;
  var mousePos = mousePosition(ev);
  document.getElementById(\'x\').innerHTML = mousePos.x;
  document.getElementById(\'y\').innerHTML = mousePos.y;
 }
 document.onmousemove = mouseMove;
</script>
<style type=\"text/css\">
h3{color:blue;}
p{line-height:30px;height:30px;font-size:14px;width:500px;}
span{color:orange;font-weight:bold;}
</style>
</head>
<body>
 <h3>您的鼠标已经被跟踪</h3>
 <p> X 轴坐标：<span id=\"x\"></span></p>
 <p> Y 轴坐标：<span id=\"y\"></span></p>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/14194

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案