IE FIREFOX得到鼠标座标

最新推荐文章于 2025-11-24 16:46:36 发布

原创最新推荐文章于 2025-11-24 16:46:36 发布 · 526 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #ie #mozilla #function #javascript #object

本文介绍了一个简单的JavaScript函数，用于获取并显示鼠标在网页上的实时坐标。该函数通过监听鼠标移动事件并在事件触发时更新页面上特定元素的内容来实现这一功能。

在调用函数的时候，始终传一个event参数进去，在Mozilla中，会将Event对象传进去，而在IE下默认就有Event对象，也不冲突，这个问题就解决了。

<HTML>
<HEAD>
<script language="javascript" type="text/javascript">
//<!–//–><![CDATA[//>
//<!–
/**
* 显示/隐藏指定的对象(style.display方式)
* @param object event 事件，用于捕捉鼠标位置等，可省略
*/
function DisplayMp(event)
{
document.getElementById('mp_x').innerHTML = event.clientX + 'px';
document.getElementById('mp_y').innerHTML = event.clientY + 'px';
} // end of function DisplayMp
//–><!]]>
</script>
</HEAD>

<BODY>
<pre onmousemove="DisplayMp(event)" class="code">
当前鼠标坐标为：
X：<span id="mp_x"></span>
Y：<span id="mp_y"></span>
</pre>
</BODY>
</HTML>