javascript - javascript 或 Jquery 中的鼠标点击预防

Question

我有几个按钮，例如加载文件、保存文件、部署。我将一些可视化对象添加到可视化区域中。单击“加载文件”按钮后，我想阻止鼠标单击事件(在可视化区域中。不适用于其他按钮，您可以看到图像)。当我单击其他按钮时，我想再次激活鼠标单击事件。只有加载按钮禁用可视化区域的鼠标单击事件，其他按钮将再次激活可视化区域的鼠标单击事件。我怎样才能实现这一目标？

enter image description here

我的加载文件按钮功能如下。

button()
.container(g3)
.text(text3)
.count(2)
.cb(function() {
        console.log("Load File");
        console.log("nodes", nodes);
        console.log("Reading JSON File");
        loadFlag = true;
        clearFlag = false;
        update();
})();

提前致谢。

Answer 1

您可以通过在按钮容器元素(例如 div)上设置 CSS 属性来实现此目的:

pointer-events: none;

或者在 JQuery 中:

$("#button_container_div_id").css("pointer-events", "none");