如何取鼠标的当前位置/坐标

一般在Javascript中，我们用event.clientX来取当前鼠标在文档中的坐标，用event.ScreenX来去当前鼠标在屏幕中的坐标。但是，在Mozilla系列浏览器中，直接使用event是不行的，会提示说event没有定义，因此在Mozilla或Firefox中调用时，需要变通一下。

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

以下这个例子就能够在IE和Mozilla中都正常运行。

当前鼠标坐标为：
X：521px
Y：448px
<script type="text/javascript">

 
 < ![CDATA[//>

 
 < !]]>
</script>

源代码：

<pre οnmοusemοve=”DisplayMp(event)” class=”code”>
当前鼠标坐标为：
X：<span id=”mp_x”></span>
Y：<span id=”mp_y”></span>
</pre>

 

<script 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>

另外取到鼠标的坐标，赋值给style.top等属性的时候，后面需要加上单位，不然也会提示错误。下面就是一个正确的例子：

obj.style.top = event.clientX + 10 + ‘px’;