element.offsetHight : inner hight of the element
element.offsetWidth : inner width of the element
element.offsetLeft : distance from main coordinate( x=0 ) to element x-coordinate
element.offsetTop : distance from main coordinate( y=0 ) to element y-coordinate
event.offsetX : show the x-coordinate of the cursor relative to the specific element when an event is fired
event.clientX : show the x-coordinate of the cursor relative to the viewable area of the browser when an event is fired
event.pageX : show coordinate from mother-coordinate(x=0,y=0) when an event is fired ,
event.layerX : same as offsetX
event.screenX : show the x-coordinate of the cursor relative to the screen when an event is fired

element.offsetHight : inner hight of the element

element.offsetWidth : inner width of the element

element.offsetLeft : distance from main coordinate( x=0 ) to element x-coordinate

element.offsetTop : distance from main coordinate( y=0 ) to element y-coordinate

event.offsetX : show the x-coordinate of the cursor relative to the specific element when an event is fired

event.clientX : show the x-coordinate of the cursor relative to the viewable area of the browser when an event is fired

event.pageX : show coordinate from mother-coordinate(x=0,y=0) when an event is fired ,

event.layerX : same as offsetX

event.screenX : show the x-coordinate of the cursor relative to the screen when an event is fired

OffsetX,ClientX,PageX,screenX,OffsetHight,OffsetWidth,OffsetLeft,LayerX

Welcome to my Hashnode blog! I’m Md Rejoyan Islam, a full-stack web developer. Here, I share tech tutorials, project updates, industry insights, and learning resources.
