閱讀817 返回首頁    go 阿裏雲 go 技術社區[雲棲]


在頁麵中 js 獲取光標/鼠標的坐標,獲取光標的的像素坐標

近期為網站開發頁麵統計,以前雖然也開發過,但是功能不是很全,所以這次把一些好功能給用上。

例如這次的,頁麵JS光標/鼠標坐標,你也許問著有什麼用,百度統計中有個熱點統計圖,這下清楚明白了吧。

好了,上肉:

功能:獲取光標的的像素坐標

<html>
	<head>
		<script type="text/javascript">
			function showPosition(e){
				var x,y; 
				var e = e||window.event; 
				
				document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
				document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop
							
			}
		</script>
	</head>
	<body>
		<div  onmousemove="showPosition(event);" >
			x:<input  type="text" value="" />
			y:<input  type="text" value="" />
		</div>
	</body>
</html>

好肉來自:https://www.oschina.net/question/185906_71425

最後更新:2017-04-03 14:54:11

  上一篇:go [Qt教程] 第17篇 2D繪圖(七)塗鴉板
  下一篇:go [Qt教程] 第32篇 網絡(二)HTTP