html 获取当前点击绝对位置

function showDiv(id){
       /*获取当前鼠标左键按下后的位置，据此定义DIV显示的位置*/
    var leftedge    = document.body.clientWidth-event.clientX;
    var bottomedge  = document.body.clientHeight-event.clientY;
    /*如果从鼠标位置到窗口右边的空间小于DIV的宽度，就定位DIV的左坐标（Left）为当前鼠标位置向左一个DIV宽度*/
var myDIV = document.getElementById("DIV_"+id);//"DIV_"+id 即定义DIV 的ID
    if (leftedge < myDIV.offsetWidth)
    {
        myDIV.style.left = document.body.scrollLeft + event.clientX - myDIV.offsetWidth;
    }
    else
    {
        /*否则，就定位DIV的左坐标为当前鼠标位置*/
        myDIV.style.left = document.body.scrollLeft + event.clientX;
    }
    /*如果从鼠标位置到窗口下边的空间小于DIV的高度，就定位DIV的上坐标（Top）为当前鼠标位置向上一个DIV高度*/
    if (bottomedge < myDIV.offsetHeight)
    {
        myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight;
    }
    else
    {
        /*否则，就定位DIV的上坐标为当前鼠标位置*/
        myDIV.style.top = document.body.scrollTop + event.clientY;
    }
    /*设置DIV可见*/       
    myDIV.style.display = "block";
    }
div
<div id="DIV_<c:out value='${class3List.id}'/>" style="z-index: 9999999;position: absolute;display: none;background:#E8FFC4;width: 200px;height:100%;">
position: absolute;  --- div浮动的关键