Antd Select组件(onBlur)+Button按钮 (handleClick)如何让handleClick优先触发?

发布于 2022-09-06 01:25:27 字数 899 浏览 15 评论 0

我的功能的两个流程为:

  1. Select组件失去焦点后,触发onBlur事件,使界面更新,Select、Button消失。
  2. 点击Button按钮,触发数据提交,界面更新,Select小时。但现在是onBlur优先触发,使得按钮事件无法触发。

刚开始是这样

clipboard.png

变成这样

clipboard.png

然后,界面更新后变回这样

clipboard.png

原有代码过多,做了些简化,如有不明确得地方希望提出Demo

考虑可能是react的阻止默认事件、阻止冒泡事件问题,做了如下处理阻止了冒泡,但无效

不知是原生事件还是react合成事件的影响,希望得到解答。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瀞厅☆埖开 2022-09-13 01:25:27

233好巧啊这个问题,我之前正好碰到过...

按钮不要用onClick,用onMouseDown,可以保证在onBlur事件之前触发。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文