图像显示不同浏览器上的不同坐标

Question

我正在绘制固定宽度和高度的图像。我允许用户单击图像 - 并存储单击图像的位置（x-y坐标）。以下是示例代码：

<script language="JavaScript" type="text/JavaScript">
    var posx; var posy;

 function showP(e) {
        // captures the mouse position
        posx = 0; posy = 0;
        if (!e) { var e = window.event; }
        if (e.pageX || e.pageY) {
            posx = e.pageX;
            posy = e.pageY;
        }
        else if (e.clientX || e.clientY) {
            posx = e.clientX;
            posy = e.clientY;
        }
        alert('X mouse is: ' + posx + ' Y mouse is: ' + posy );
    } 
</script>

    

我注意到，对于图像上的固定点，我在不同的浏览器上获得不同的X和Y坐标。

任何人都可以告诉为什么会这样。 感谢