javascript事件坐标

clientX 鼠标在页面显示区域的坐标

screenX鼠标在显示屏幕上的坐标

layerX 鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角开始定位,即如果这个父元素存在border,则坐标原点在border的左上角,而不是内容区域的左上角

 

offsetX 鼠标相对于“触发事件的元素”的位置,从内容区域左上角开始定位,不是从border左上角开始!这个属性比较好用,用来判断鼠标点在一个元素中的哪个位置很方便

pageX 鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位

 

 

跟layerX一个效果,可作为layerX的直接替换属性

 

offsetLeft:这个属性不是事件对象的属性,而是DOM对象所有的,该属性表示的是DOM对象在“该DOM对象的层级关系中离该对象最近的,设置了position的父对象”中的位置

你可能感兴趣的:(JavaScript)