javascript - 如何通过在反应中指定坐标位置（x，y）来触发点击事件？

Question

我有一个具有表单的引导模式。我需要能够在模式外部单击，以便在提交表单时关闭模式。我怎样才能在反应中做到这一点，谢谢

编辑：

bootstrap_modal
   form_inside_bootstrap_modal
      submit_button_inside_form
   </ form_inside_bootstrap_modal>
</ bootstrap_modal>

我希望能够在单击 submit_button_inside_form 时关闭引导模式

解决方案：

document.elementFromPoint(x,y).click()

标签： javascriptreactjs

Answer 1

您可以eventListener在click.componentDidMount

像这样：

  useEffect(() => {
    window.addEventListener("click", function(e) {
      if (document.getElementById("modalWindow").contains(e.target)) {
        alert("clicked inside");
      } else {
        alert("clicked outside");
      }
    });
    return () => window.removeEventListener("click");
  }, []);

看我在这里写的例子。