分清clientY pageY screenY layerY offsetY的区别

在我们想要做出拖拽这个效果的时候,我们需要分清这几个属性的区别,这几个属性都是计算鼠标点击的偏移值,我们需要对其进行了解才可以继续实现我们的拖拽效果


17047038-3cd6e6138f9c2068.gif

1.clientY 指的是距离可视页面左上角的距离
2.pageY 指的是距离可视页面左上角的距离(不受页面滚动影响)
3.screenY 指的是距离屏幕左上角的距离
4.layerY 指的是找到它或它父级元素中最近具有定位的左上角距离
5.offsetY 指的是距离它自己左上角的距离


17047038-76bc7d1f86905b75.png

17047038-8b2bd1cf94df9b02.png

17047038-541beb6abed8c789.png

猜你喜欢

转载自blog.csdn.net/weixin_34365635/article/details/90882697
今日推荐