Javascript 单击并按住“贯穿”元素

“我的页面”有两个重叠元素：一个显示DWG文件的主体，一个仅在用户选择特定选项并覆盖整个主体时才显示的画布。 当画布隐藏时，用户可以通过单击、按住并拖动来拖动文件，但当画布放置在其上时，该选项不可用

我需要一种方法来点击画布并拖动底层主体。到目前为止，我已经添加了一个隐藏div的mousedown函数和一个将div返回的mouseup函数，这两个函数都可以正常工作。然而，我还没有找到一种方法将这个点击流到身体上，使它可以移动，因为mousedown仍然可以看到点击进入画布。不需要显示画布或在移动主体时移动画布

---

我尝试过使用FireEvent方法来描述click和mousedown事件，但都没有效果

如果我正确理解了这个问题，您可以使用pointer-events:none-CSS属性单击元素

---

查看此代码笔以查看指针事件：无活动：

我将尝试指针事件，但请告诉我是否有任何内容可以添加到问题中以使其更清楚。我不明白您隐藏的div是什么。@Tamá是一种排序覆盖，显示最终用户可以通过各种工具添加的形状和文本。这些工具使添加指针事件变得简单：没有一个是不可行的，但我正在使用它测试一种不同的方法。我将编辑问题以添加相关代码和一些其他详细信息。