javascript - event.pageX 和 event.pageY 在 IE7 中未定义

Question

这是 a 标签内的 onclick 监听器

onclick="showMap('change-img-box',event); return false;"

这是jquery

function showMap(id,e){
var hpos = e.pageX, ypos = e.pageY; alert(hpos+'----'+ypos);
if($("#"+id).is(":visible")){
    $("#"+id).hide();
}else{
    $("#"+id).css({"top": ypos+10, "left": hpos+10}).hide().fadeIn(300);
}
}

不知道为什么，但 IE 7 说 hpos 和 ypos 都未定义。我怎样才能解决这个问题。提前致谢。

Answer 1

旧版本的 IE 使用 clientX 和 clientY 代替。这是我用于跨浏览器兼容性的函数:

window.getMouseCoords = function(e) {
    if( !e) return {x:0,y:0};
    if( e.pageX || e.pageY) {
        return {x:e.pageX,y:e.pageY};
    }
    if( e.clientX || e.clientY) {
        return {
            x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
            y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
        };
    }
    return {x:0,y:0};
};