event对象（续篇）

event对象的属性

（5）clientX属性用于获取鼠标在浏览器窗口中的X坐标，这是一个只读属性，只能获取鼠标的当前值，不能改变鼠标的位置。

语法格式：[window.]event.clientX

（6）clientY属性用于获取鼠标在浏览器窗口中的Y坐标，这是一个只读属性，只能获取鼠标的当前值，不能改变鼠标的位置。

语法格式：[window.]event.clientY

例子：这是一个文字随鼠标移动的案例。当鼠标移动到文字上方时，按下鼠标左键，就可以拖动文字。

      拖动前：

      拖动后：

关键代码展示：

 <script language="javascript">
    var x,y,z;
    function move(){ //创建函数
        if(event.button==0){ //鼠标左键状态
            z.style.left=temporarily1+event.clientX-x+"px"; //获取文字位置
            z.style.top=temporarily2+event.clientY-y+"px";
            return false;
        }
    }
    function down(){ //自定义函数
        if(event.srcElement.className=="move_out"){ //应用srcElement属性获取当前事件的对象
            z=event.srcElement;
            temporarily1=z.offsetLeft;
            temporarily2=z.offsetTop;
            x=event.clientX; //获取鼠标在窗口中的X位置
            y=event.clientY; //获取鼠标在窗口中的Y位置
            document.οnmοusemοve=move;
            document.οnmοuseup=function(){
                document.οnmοusemοve=null;
            }
        }
    }
    document.οnmοusedοwn=down;
</script>

CSS代码：

.move_out{
            position:relative;
            cursor:hand;
            font-family: "华文行楷"；
            color:#000ff#;
            font-size:36px;
        }

（7）X属性用于设置或获取鼠标指针位置相对于CSS有position属性的上级元素的X坐标。如果CSS属性中没有position属性的上级元素，默认以body元素作为参考对象。

语法格式：[window.]event.X

（8）Y属性用于设置或获取鼠标指针位置相对于CSS有position属性的上级元素的X坐标。如果CSS属性中没有position属性的上级元素，默认以body元素作为参考对象。

语法格式：[window.]event.Y

注：如果事件触发后，鼠标指针移除窗口外，则返回值-1.这是一个只读属性，只能通过它获取鼠标的当前值，不能用它来改变鼠标的位置。