测试pageX和pageY

测试pageX和pageY

by kixi

HTML

<div id='kixi' style='width:800px;height:900px;background-color:red;margin-left:60px;padding:10px;'>这里是清晰网的实验基地，测试pageX和pageY</div>

CSS

/*
清晰网
kixi.com.cn
从javascript开始
*/

JavaScript

//兼容写法，本例为检测pageX/Y
//offsetX/Y在IE和chrome下是有效的
function addEvent(elm, evType, fn, useCapture) {    
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture); //DOM2.0
        return true;
    } else if (elm.attachEvent) {
        var r = elm.attachEvent('on' + evType, fn); //IE5+
        return r;
    } else {
        elm['on' + evType] = fn; //DOM 0
    }
}

function show() {
    e = event || window.event;
    alert('pageX='+e.pageX);
    alert('pageY='+e.pageY);
}

var kixi = document.getElementById('kixi');
addEvent(kixi,'click',show,false);