JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)
来源:动视网
责编:小采
时间:2020-11-27 20:30:37
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等):JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:属性对 参考点 浏览器兼容性clientX,clientY 浏览器窗口 所有layerX,layerY最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,SafarioffsetX,offs
导读JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等):JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:属性对 参考点 浏览器兼容性clientX,clientY 浏览器窗口 所有layerX,layerY最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,SafarioffsetX,offs

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:
属性对 参考点 浏览器兼容性
clientX,clientY 浏览器窗口 所有
layerX,layerY
最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,Safari
offsetX,offsetY 事件目标对象 所有,Firefox除外
pageX,pageY document对象 所有,IE除外
ScreenX,ScreenY 计算机屏幕 所有
x,y 尽量不要用它,兼容性差 IE9及以下
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等):JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:属性对 参考点 浏览器兼容性clientX,clientY 浏览器窗口 所有layerX,layerY最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,SafarioffsetX,offs