在移动浏览器上悬停的工具提示

时间:2019-05-26 17:50:06

标签: javascript reactjs

当光标停留在标签上时我希望进行悬停,并且在继续悬停4秒后消失。它在PC浏览器上运行良好,对于移动浏览器,有时也可以运行,而且没有其他时间不确定为什么。我该如何解决?

      toolTipTimeout () {
      resetTimer(timer)
      this.setState({displayToolTip: true})
      timer = setTimeout(() => {
      this.setState({displayToolTip: false})
       }, 4000)
      }

   resetTimer () {
    clearTimeout(timer)
     }

     //on hover label ..the tooltip displays the text in hover
            <u onMouseOver={this.toolTipTimeout.bind(this)} onMouseLeave={this.resetTimer} >{label}</u>
            {this.state.displayToolTip === true &&
            <div role='tooltip' class='tooltip__content ' id='tooltip-cb' >{hover}</div>
            }

0 个答案:

没有答案