首页 > 解决方案 > 在 OverlayTrigger react-bootstrap 组件中触发 onkeypress 事件

问题描述

我有一个用 overlayTrigger 组件包装的 html 输入,并且 trigger 属性位于“焦点”。我可以将触发器设置为不同的操作,如 onkeypress 吗?我需要在按键后显示我的工具提示。谢谢。

标签: javascriptreactjsreact-bootstrap

解决方案


您可以像这样使用覆盖触发器作为工具提示,

  <OverlayTrigger
          placement="right-start"
          delay={{ show: 250, hide: 400 }}
          overlay={
            <Tooltip id="ReasonForFlag">
              'your message'
            </Tooltip>
          }>
          {checkbox}
        </OverlayTrigger>

推荐阅读