在JavaScript中添加叠加层

Question

我正在使用jsplumb来创建流聊天。一旦流程图创建结束并由用户确认，我想使创建的结构不可编辑。 为此，已经过多地添加了包含流程图的父级，但鼠标点击仍然在流程图上发生。

如何 - 添加叠加后，不允许在这些组件上发生鼠标点击。

谢谢

Answer 1

为覆盖所有点击事件的叠加层添加处理程序：

document.getElementById('yourOverlayID').onclick = function () {
    return false;
};

请记住，任何人都可以通过控制台轻松删除叠加层，并根据需要继续修改图表。您可能希望查看jsplump API以获取相应的方法，例如unbind()。