<style type="text/css">
        #divcl
        {
            border:1px solid#0094ff;
            background-color:#0094ff;
            height:100px;
            position:absolute;
        }
    </style>
    <script type="text/javascript">
        function gel(id) { return document.getElementById(id);}
        window.onmousemove = function (evt) {
            gel("divcl").style.top = evt.clientY-50+"px";
            gel("divcl").style.left = evt.clientX - 50 + "px";
            gel("divcl").ondblclick = function () {
                window.onmousemove = null;
            }
        }
    </script>
</head>
<body>
    <div id="divcl" style="width:100px"></div>
</body>

----------------

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。

offsetX,offsetY 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。

screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。