用javascript获取鼠标坐标位置

用javascript获取鼠标坐标位置

今天用到一个功能，就是用javascript来获取鼠标坐标，在网上找到了event.clientX和event.clientY，如实例一。
实例一：
<script language="javascript" type="text/javascript"> function m(){ document.getElementById("area").innerHTML=event.clientX +" , "+event.clientY; } </script>
<p id="area" style="border: 1px solid ; font-size: 36px; width: 800px; height: 600px" onmousemove="m();">d</p>

这段代码在IE下面正常，但是在Firefox下面无法运行，于是继续寻找在Firefox下面的解决办法，最终在博客园里找到了Firefox中Javascript使用event对象需要注意的问题，给函数加了一个参数就可以了，我修改的代码即实例二。

实例二：
<script language="javascript" type="text/javascript"> function m(evt){ document.getElementById("area").innerHTML=evt.clientX +" , "+evt.clientY; } </script>
<p id="area" style="border: 1px solid ; font-size: 36px; width: 800px; height: 600px" onmousemove="m(event);">d</p>

但是这个方法实在让人费解，我实在是不明白为什么这样就可以了。

既然这个所以然无法解释，那就留待以后解释吧，也希望知道的朋友给与一个正确的解析。