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脚本,执行前需手动刷新页面以确保代码生效。
作者最新文章
JS怎么实现页面强制刷新
2026-11-05 14:53:38
点击JS链接直接运行不下载?前端实现.js文件强制下载的三种方法
2026-11-05 12:12:23
怎么封装一个通用的JS创建元素辅助函数
2026-11-05 11:41:41
Swiper.js 怎么监听滑动结束并获取当前索引
2026-11-05 10:57:15
HTML、CSS和JS的关系:Web前端三件套怎么协作
2026-11-04 15:41:40
