如何获取鼠标在屏幕的位置，用window.event.screenY 获取Y轴的位置好象总是不对。-CSDN论坛

⋅用Jquery的jsoncallback跨域调用时，如果返回的数据不是json格式，该如何调用？ ⋅如何获取鼠标在屏幕的位置，用window.event.screenY 获取Y轴的位置好象总是不对。 更多帖子 关注空间博客 qq_26891887 本版专家分：0 结帖率 50%

0 2015-03-26 14:36:29 回复次数4

引用・举报・楼主

我是想在鼠标点击的地方出现一个DIV，但是div 纵坐标总是不对
不知道下面的代码有什么问题，鼠标点击页面，div纵坐标显示总是不对

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <script>

  function test(){

	var e =  window.event;

    var xPosition = e.screenX;

	var yPosition = e.screenY-100;

	var tooltip = document.getElementById("tooltip");

	tooltip.style.left=xPosition+"px";

	tooltip.style.top=yPosition+"px";

    var text = document.getElementById("testinfo");

	text.innerHTML ="x:"+xPosition+" y:"+yPosition;

  }

  </script>

  <style>

  #tooltip {  

 position:absolute;  

 /** position:relative; **/



 width:200px;  

 height:auto;  

 padding:10px;  

 background-color:white;  

   

 -webkit-border-radius:10px;  

 -moz-border-radius:10px;  

 border-radius:10px;  

   

 -webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.4);  

 -moz-box-shadow:4px 4px 10px rgba(0,0,0,0.4);  

 box-shadow:4px 4px 10px rgba(0,0,0,0.4);  

  

 pointer-events:none;  

}



#tooltip.hidden{  

 display:none;  

}

 

#tooltip p{  

 margin:0;  

 font-family:sans-serif;  

 font-size:16px;  

 line-height:20px;  



  </style>

 </head>



 <body>

 <div id="tooltip" class="hildden" style="">  

 <p><strong>提示信息：<span id="testinfo"></span></strong></p>  

 

</div>

  <p onclick="test();">

  test11111111

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

 <br>

  <br>

  <br>

  <br>

  test222222222

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

  test33333333333333333333

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

  test44444444444444

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

  <br>

test 55555555555555

 <br>

  <br>

  <br>

   <br>

  <br>

  <br>

   <br>

  <br>

  <br>

  test 666666666666666

  <br>

  <br>

  <br>

   <br>

  <br>

  <br>

   <br>

  <br>

  <br>

  test 7777777777777777777

  <br>

  <br>

  <br>

   <br>

  <br>

  <br>

   <br>

  <br>

  <br>

  test 88888

   <br>

  <br>

  <br>

  </p>

 </body>

</html>

问题点数：100分

⋅此用户还没有发表过任何帖子 关注空间博客 functionsub 本版专家分：21603 黄花 2013年4月 Web 开发大版内专家分月排行榜第二 蓝花 2017年12月 Web 开发大版内专家分月排行榜第三 2013年3月 Web 开发大版内专家分月排行榜第三: 0 2015-03-26 14:40:05

引用・举报・ #1 得分：0

e.clientY

⋅用Jquery的jsoncallback跨域调用时，如果返回的数据不是json格式，该如何调用？ ⋅如何获取鼠标在屏幕的位置，用window.event.screenY 获取Y轴的位置好象总是不对。 更多帖子 关注空间博客 qq_26891887 本版专家分：0: 0 2015-03-26 14:46:02

引用・举报・ #2 得分：0

e.clientY 页面长，有滚动条的时候位置就不对了，没有滚动条的情况下就可以。

⋅此用户还没有发表过任何帖子 关注空间博客 functionsub 本版专家分：21603 黄花 2013年4月 Web 开发大版内专家分月排行榜第二 蓝花 2017年12月 Web 开发大版内专家分月排行榜第三 2013年3月 Web 开发大版内专家分月排行榜第三: 0 2015-03-26 14:52:20

引用・举报・ #3 得分：50

那就加上body的scrollTop..

⋅已经使用Tls12还是报错The request was aborted: Could not create SSL/TLS secure channel ⋅你看哪个账号不顺眼，就登录他账号，让他改密码 ⋅电脑3联打印纸241x93，电脑网页每一块大小需要设置为多少刚好填充满 更多帖子 关注空间博客 showbo 本版专家分：395977 版主 探花 2017年总版技术专家分年内排行榜第三 进士 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: 0 2015-03-27 09:51:02

引用・举报・ #4 得分：50

加上滚动的距离就好了，注意兼容性
<p onclick="test(event);">

      function test(e) {
          e = window.event || e;
          var xPosition = e.clientX;
          var yPosition = e.clientY - 100;
          var xScroll = Math.max(document.body.scrollLeft, document.documentElement.scrollLeft);
          var yScroll = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
          var tooltip = document.getElementById("tooltip");
          tooltip.style.left = xPosition + xScroll + "px";
          tooltip.style.top = yPosition +yScroll+ "px";
          var text = document.getElementById("testinfo");
          text.innerHTML = "x:" + xPosition + " y:" + yPosition+" xScroll:"+xScroll+" yScroll:"+yScroll;
      }

其他相关推荐

jquery悬浮框，获取鼠标坐标: JS: $(document).ready(function(){ $(".desc").mouseenter(function(e){ var xOffset = 15; var yOffset = -250; $("#tooltip").css("display","blo

获取鼠标在屏幕的位置: 获取鼠标光标的位置（以屏幕坐标表示）。 MousePosition.X MousePosition.Y

usb鼠标驱动注解及获取鼠标坐标: USB鼠标驱动 /drivers/hid/usbhid/usbmouse.c 下面我们分析下USB鼠标驱动，鼠标输入HID类型，其数据传输采用中断URB，鼠标端点类型为IN。好了，我们先看看这个驱动的模块加载部分。 static int __init usb_mouse_init(void) { int retval = usb_register(&usb_mouse_dr

JS获得鼠标位置（已经解决不同浏览器问题）: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 function mouseMove(ev) { ev= ev || window.event; var mousePos = mouseCoords(ev);

Unity3D各种获取鼠标各种位置的小方法: Vector3 screenPosition;//将物体从世界坐标转换为屏幕坐标 Vector3 mousePositionOnScreen;//获取到点击屏幕的屏幕坐标 Vector3 mousePositionInWorld;//将点击屏幕的屏幕坐标转换为世界坐标 void Update() { MouseFollow(); }

获取鼠标的X，Y的位置: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> <title>javascript获得鼠标位置</title> </head> <body> <script> function mouseMove(ev) { Ev= ev || window.event; var mousePo

获取鼠标点击的屏幕位置坐标: APlayerController* PC= nullptr; if(GetWorld()) { PC = GetWorld()->GetFirstPlayerController(); } FVector2D MousePos; if(PC) PC->GetMousePosition(MousePos.X,MousePos.Y);

jquery 获取鼠标点击的位置坐标: $("div").click(function(e){ var y=$(this).offset().top; var x=$(this).offset().left; });

WPF中如何获取鼠标相对于桌面的坐标: 看到别人的文章。　　WPF编程时，我们经常使用Mouse.GetPosition(IInputElement relativeTo)或MouseEventArgs.GetPosition(IInputElement relativeTo)来获取鼠标相对于某一界面元素的相对位置，这自然也联想到另外的一个问题：如何获取鼠标相对于屏幕的位置。在WPF文档中找了半天也没找到。　　但我们别

unity3d鼠标点击，获取世界坐标: unity中有关于鼠标位置的函数，Input.mousePosition。但不得不说，这个函数不到位，可以用一个print函数输出一下这个坐标会发现，只有X,Y值在改变，Z值没有发生变化，并且在屏幕的左下角固定为（0,0,0），查看文档后发现，文档上是这么写的。 The current mouse position in pixel coordinates. (Read Only) 当

如何获取鼠标在屏幕的位置，用window.event.screenY 获取Y轴的位置好象总是不对。 [问题点数：100分，结帖人qq_26891887]