当前位置: 首页 > Web前端 > CSS

【面试篇】event对象中offsetX,clientX,pageX,screenX,layerX,X的辨析

时间:2023-03-31 01:20:18 CSS

【采访】事件对象Edge中offsetX、clientX、pageX、screenX、layerX、X的判别,其中包括元素边框的宽度,firefox不包括边框值,如下图:pageX和pageY相对于文档窗口的左上角,不随滚动条移动。clientX和clientY是相对于浏览器可见窗口左上角的距离,参考点会随着滚动条的滚动而移动。当可见窗口与文档窗口重叠时,pageX和clientX相等。当可见窗口缩小导致浏览器出现滚动条时,clientX