如何在隐藏指针事件的同时仍然能够启动拖动事件？

// 隐藏指针事件的元素
var element = document.getElementById("hiddenElement");

// 添加事件监听器
element.addEventListener("mousedown", function(event) {
  // 判断是否需要启动拖动事件
  if (event.button === 0) { // 仅在左键按下时启动拖动
    // 修改元素样式或属性
    element.style.position = "absolute";
    
    // 记录鼠标按下时的初始位置
    var startX = event.clientX;
    var startY = event.clientY;
    
    // 添加事件监听器
    document.addEventListener("mousemove", dragElement);
    document.addEventListener("mouseup", stopDragElement);
    
    // 拖动事件的监听器
    function dragElement(event) {
      // 计算鼠标移动的距离
      var moveX = event.clientX - startX;
      var moveY = event.clientY - startY;
      
      // 更新元素的位置
      element.style.left = element.offsetLeft + moveX + "px";
      element.style.top = element.offsetTop + moveY + "px";
      
      // 阻止默认的拖动行为
      event.preventDefault();
    }
    
    // 停止拖动事件的监听器
    function stopDragElement(event) {
      // 移除事件监听器
      document.removeEventListener("mousemove", dragElement);
      document.removeEventListener("mouseup", stopDragElement);
    }
  }
});