offsetX的测试

offsetX的测试

HTML

<div id='kixi' style='width:200px;height:200px;background-color:red;margin-left:60px;padding:10px;'>这里是清晰网的实验基地</div>

CSS

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

JavaScript

//兼容写法，本例为检测offsetX/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('offsetX='+e.offsetX'offsetY='+e.offsetY);
}

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