search

Home >Web Front-end >JS Tutorial >The position of mouse event in JavaScript (clientX, layerX, x, offsetX, etc.)

The position of mouse event in JavaScript (clientX, layerX, x, offsetX, etc.)

高洛峰
高洛峰Original
2016-11-28 09:39:341214browse

The event object in JavaScript has a total of six pairs of mouse position attributes. They are as follows:

Attributes to reference points Browser compatibility

clientX, clientY Browser window all

layerX, layerY

The nearest absolutely positioned parent node, if not, the document Firefox, Chrome, Safari

offsetX, offsetY All event target objects, except Firefox

pageX, pageY document objects, except IE

ScreenX, ScreenY All computer screens

x,y Try not to use it, the compatibility is poor with IE9 and below


Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：JavaScript implements a simple clockNext article：JavaScript implements a simple clock

Related articles

See more