function mousePosition(ev) {
        //支持 火狐
        if (ev.pageX || ev.pageY) {
            return { x: ev.pageX, y: ev.pageY };
        }
        //支持IE
        return {
            x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y: ev.clientY + document.body.scrollTop - document.body.clientTop
        };
    }

    function mouseMove(ev) {
        ev = ev || window.event;
        var mousePos = mousePosition(ev);

        document.getElementById('div1').innerHTML = 'location: ' + mousePos.x + "*" + mousePos.y;
        document.getElementById('div1').style.left = mousePos.x + 5;
        document.getElementById('div1').style.top = mousePos.y + 0;
    }

    //事件添加
    document.onmousemove = mouseMove;


兼容火狐和IE


Leave a Reply