20251222

AdminPanel/plugins/utils/drag/dom.js

@@ -0,0 +1,64 @@
+/**
+ * 在指定节点前插入节点
+ * @param {*} newElement 
+ * @param {*} targentElement 
+ */
+export function insertBefore(newElement, targentElement) {
+    targentElement.parentNode.insertBefore(newElement, targentElement)
+}
+
+/**
+ * 在指定节点后插入节点
+ * @param {*} newNode 
+ * @param {*} referenceNode 
+ */
+export function insertAfter(newNode, referenceNode) {
+    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
+}
+
+
+/**
+ * 获取元素上坐标
+ * @param {*} e 
+ * @returns 
+ */
+export function getTop(e) {
+    var result = e.offsetTop;
+    if (e.offsetParent != null)
+        result += getTop(e.offsetParent);
+    return result;
+}
+
+/**
+ * 获取元素左坐标
+ * @param {*} e 
+ * @returns 
+ */
+export function getLeft(e) {
+    var result = e.offsetLeft;
+    if (e.offsetParent != null)
+        result += getLeft(e.offsetParent);
+    return result;
+}
+
+/**
+ * 获取dom元素位置
+ * @param {*} e 
+ * @returns 
+ */
+export function getPosition(e) {
+    var evt = e || event;
+    return { x: evt.clientX, y: evt.clientY }
+}
+
+/**
+ * 设置dom元素的位置 left top
+ * @param {*} dom 
+ * @param {*} x 
+ * @param {*} y 
+ * @param {*} unit 后缀单位，默认px
+ */
+export function setPosition(dom, left, top, unit = 'px') {
+    dom.style.left = left + unit;
+    dom.style.top = top + unit;
+}