JavaScript 获取鼠标坐标的跨浏览器兼容实现

作者:交互手记时间:2026-10-23 09:59:03浏览:667

本文提供一段JavaScript代码,用于在网页中实时获取鼠标当前的X轴和Y轴坐标。该方案针对IE和Firefox等多浏览器进行了兼容性处理,通过简单的DOM操作将坐标值显示在文本框中,适合需要捕获鼠标位置的基础交互场景。

获取鼠标坐标的HTML结构

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS获得鼠标位置(兼容多浏览器ie,firefox)本站修正版</title> </head> <body>  鼠标 X 轴: <input id=xxx type=text> 鼠标 Y 轴: <input id=yyy type=text> </body> 

代码执行注意事项

注意:若通过外部引入方式加载该JavaScript脚本,执行前需手动刷新页面以确保代码生效。

作者最新文章