Maison >interface Web >js tutoriel >JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

高洛峰
高洛峰original
2016-11-28 09:39:341209parcourir

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:

属性对 参考点 浏览器兼容性

clientX,clientY 浏览器窗口 所有

layerX,layerY

最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,Safari

offsetX,offsetY 事件目标对象 所有,Firefox除外

pageX,pageY document对象 所有,IE除外

ScreenX,ScreenY 计算机屏幕 所有

x,y 尽量不要用它,兼容性差 IE9及以下


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn