美文网首页
获取鼠标的坐标、元素的宽高、元素的偏移量

获取鼠标的坐标、元素的宽高、元素的偏移量

作者: 这世间好折磨人 | 来源:发表于2022-05-24 11:18 被阅读0次

(1)、获取鼠标的坐标:

                    鼠标相对于浏览器可视区域左上角的偏移量: clientX(x轴)    clientY(y轴)

                    鼠标相对于整个页面左上角的偏移量: pageX (x轴)  pageY (y轴)

(2)、获取元素的宽高:

                    获取元素的宽高只能读不能修改: offsetWidth (宽)   offsetHeight (高)

                    获取窗口的可视区域的宽高:  innerWidth  (宽)   innerHeight  (高)

(3)、获取元素的偏移量(可读不可改):

                     offsetLeft  (左)offsetTop  (上):在没有定位的情况下获取到的是 html 页面左上角的偏移量:

                                                                                在有定位的情况下获取的是根据定位元素左上角的偏移量:

                                                                                

相关文章

网友评论

      本文标题:获取鼠标的坐标、元素的宽高、元素的偏移量

      本文链接:https://www.haomeiwen.com/subject/wbmsdrtx.html