Javascript 将事件传递到jQueryUI顶部画布的最高z索引减去一项

我正在尝试构建一个web应用程序，用户可以在其中识别用作连接两个表的外键的列。例如，用户将看到两个表中的列列表，并从一侧的列a到另一侧的列B绘制一条线

到目前为止，我编写它的方式是使用两个jQueryUISortable（用户拖放）列表（HTML中的无序列表）。接下来我要做的是在整个页面的前面放置一个画布，每当我想连接两个单元格时，我都会在画布上绘制一条SVG贝塞尔曲线

我遇到的问题是如何处理事件。由于画布位于顶部，因此它捕获所有鼠标事件。我找到了一个SO答案，其中讨论了在画布位于其他控件后面时附加事件侦听器并将事件传递到画布，但我的情况正好相反。我希望单击通过画布传递到jQuery UI控件。有没有一种简单的方法来确定哪个DOM对象应该接收单击？我发现了一个函数，该函数将返回z平面中的最高项，其坐标与鼠标单击的坐标相同，但是画布挡住了方向。好像我需要忽略它

从更一般的角度来看，我的方法可能会起作用，但是我应该混合使用jQuery UI和画布吗？

您可以使用该属性使画布通过鼠标单击<代码>指针事件=“无”应该这样做