当光标停留在标签上时我希望进行悬停,并且在继续悬停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>
}