html怎么取得鼠标点击容器的时候相对容器的位置

html怎么取得鼠标点击容器的时候相对容器的位置,第1张

event.clientX,设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。event.clientY, 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。

position:absolute这个是绝对定位;是相对于浏览器的定位。比如:position:absolute;left:20pxtop:80px

这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位,是相对于前面的容器定位的。这个时候不能用top

left在定位。应该用margin。比如:<div

class="1"></div><div

class="2"></div>当1固定了位置。1的样式float:leftwidth:100px

height:800px2的样式为float:left

position:relative;margin-left:20pxwidth:50px2的位置在1的右边,距离120px


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8321627.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存