在 OverlayTrigger react-bootstrap 组件中触发 onkeypress 事件

【问题标题】：trigger onkeypress event in OverlayTrigger react-bootstrap component在 OverlayTrigger react-bootstrap 组件中触发 onkeypress 事件
【发布时间】：2019-12-02 13:24:01
【问题描述】：

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

【问题讨论】：

标签： javascript reactjs react-bootstrap

【解决方案1】：

您可以像这样使用叠加触发器来显示工具提示，

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

【讨论】：

是的，我知道，但是您知道如何触发 tooptip 以在按键事件中显示吗？在 overlayTrigger 中只有 3 个选项 'click' + 'focus' + 'hover' 来触发它，但我需要使用 onkeypress。