如何实现HTML元素的拖拽功能？

本文共计1922个文字，预计阅读时间需要8分钟。

1+理解的知识点+1.1+偏移量（offset）+定义：元素在屏幕上占用的所有可见空间。元素可见的大小由其高度、宽度决定，包括所有内边距、边框和滚动条大小。+offsetHeight

1 需要了解的知识点

1.1 offset（偏移量）

定义：元素在屏幕上占用的所有的可见的空间。

元素可见的大小由其高度、宽度决定，包括所有内边距、滚动条和边框大小四个属性

offsetHeight：元素正在垂直方向上占用的大小空间，单位为px，不包括margin值。只读属性。

offsetWidth：元素在水平方向上占用的大小空间，单位为px，不包括margin值。只读属性。

offsetLeft：元素的左外边框至包含元素的左内边框之间的距离，单位为px。只读属性。

offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离，单位为px。只读属性。

offsetParent：是一个元素最近的并且是定位过(relative || absolute)的父元素，如果没有父元素或者是父元素中没有一个是定位过的，返回值就是body元素。只读属性。