获取鼠标移动位置

最新推荐文章于 2021-06-30 10:03:46 发布

微枫1993

最新推荐文章于 2021-06-30 10:03:46 发布

阅读量870

点赞数 1

分类专栏： web前端文章标签： javascript 鼠标坐标

本文链接：https://blog.csdn.net/xiongqiangwin1314/article/details/48261559

版权

web前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
	<head>
		<title>鼠标跟随文字</title>
		<style type="text/css">
			#movefont{position:relative;}
		</style>
		<script type="text/javascript">
			function move(event){
				var e=event || window.event;
				var obj = document.getElementById("movefont");
				var posX=e.clientX;
				var posY=e.clientY;
				obj.innerHTML="X:"+posX+"<br/>"+"Y:"+posY;
				obj.style.left=posX+10+"px";
				obj.style.top=posY+10+"px";
			}
			document.οnmοusemοve=move;
		</script>
	</head>
	<body>
		<div id="movefont"></div>
	</body>
</html>