Position and size (summed) in the DOM

[Window] window object

A, position location
screenLeft / screenTop (applicable to Firefox and Google)
screenX / screenY (applicable to IE)

Two, size size

i nnerHeight / innerWidth display area size of the document
outerHeight / outerWidth the window size, including toolbars, scroll bars

[Element] element object

A, position location

Position offsetLeft / offsetTop cartridge frame, a first positioning (position: absolute) of the parent element prevail

Two, size size

clientWidth / clientHeight padding + content (filled box)
offsetWidth / padding the offsetHeight content + + border (box)

[Mouse] Mouse event object

clientX / clientY coordinates relative to the viewport
pageX / pageY relative to the source of the event location
offsetX / offsetY relative to the entire document
screenX / screenY position relative to the screen

 

Guess you like

Origin www.cnblogs.com/yuanjunjundebo/p/12008531.html