如果单击内部,则 modal 关闭,并在外部释放鼠标



我在 React 中遇到了模态问题。问题是,如果我单击内容内部并将鼠标移动到外部,则 Modal 会关闭。这不应该发生。

目前它工作正常,因为如果我单击外部内容,模态会关闭,但如果我单击内部内容,模态会保留。

但是从内部拖动鼠标单击到外部会关闭它......

https://codesandbox.io/s/awesome-newton-fqe6b

寻求帮助!谢谢!

我确实经历了你所描述的行为。很奇怪,我的印象是,如果在该元素上启动了单击事件,在这种情况下e.target将始终引用内部div,但也许这并不准确。 我尝试使用stopPropagation(),但它不起作用,因为单击事件似乎完全忽略了实际启动单击的鼠标按下部分的元素。

我做了一个笨拙的解决方法,可以将初始目标保存在该状态下,以便与currentTarget进行比较并实现您正在寻找的效果,但这绝对值得一试。

最新更新