javascript事件对象-----获取鼠标x,y轴坐标

最新推荐文章于 2023-06-14 17:01:41 发布

程序媛_panpan

最新推荐文章于 2023-06-14 17:01:41 发布

阅读量1.1k

点赞数

分类专栏：原生JavaScript 文章标签： javascript js event

本文链接：https://blog.csdn.net/weixin_46186815/article/details/104060049

版权

原生JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码使用onmousemove事件监听鼠标移动，并实时更新并显示鼠标的坐标位置。通过获取事件对象，兼容不同浏览器，将鼠标当前的X、Y坐标展示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

js部分

	<script>
			window.onload = function() {
				let area = document.getElementById('areaBox');
				let show = document.getElementById('showBox');
				area.onmousemove = function(event) {
					event = event || window.event; // 解决事件对象的兼容性问题（ie8及以下浏览器）
					let x = event.clientX;
					let y = event.clientY;
					show.innerHTML = `x=${x}, y=${y}`;
				}
			}
		</script>