Javascript对象可拖动吗？像Jquery Ui draggable函数，但在js中？

// 获取要拖动的对象
var draggableObj = document.getElementById("draggable");

// 记录鼠标按下时的位置
var offsetX, offsetY;
draggableObj.addEventListener("mousedown", function(event) {
  offsetX = event.clientX - draggableObj.offsetLeft;
  offsetY = event.clientY - draggableObj.offsetTop;
});

// 添加鼠标移动事件监听器
document.addEventListener("mousemove", function(event) {
  if (offsetX !== undefined && offsetY !== undefined) {
    // 计算鼠标当前位置与鼠标按下时的位置的差值
    var left = event.clientX - offsetX;
    var top = event.clientY - offsetY;

    // 应用差值到要拖动的对象上
    draggableObj.style.left = left + "px";
    draggableObj.style.top = top + "px";
  }
});

// 移除鼠标移动事件监听器
document.addEventListener("mouseup", function() {
  offsetX = undefined;
  offsetY = undefined;
});