说一下event.x,event.clientX,event.offsetX区别

解释一下event.X和event.clientX有什么区别?
  
    event.clientX返回事件发生时,mouse相对于客户窗口的X坐标
    event.X也一样
    但是如果设置事件对象的定位属性值为relative
    event.clientX不变
    而event.X返回事件对象的相对于本体的坐标

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。


clientX,   clientY是鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0,   clientY=0; 
offsetX,   offsetY是鼠标当前相对于网页中的某一区域的位置,当鼠标位于页面中这一区域的左上角时offsetX=0,   offsetY=0;  
screenX,   screenY是相对于用户显示器的位置  
x,y是鼠标当前相对于当前浏览器的位置

你可能感兴趣的:(浏览器)