js的hover实现方法。

Posted 镜镜哒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的hover实现方法。相关的知识,希望对你有一定的参考价值。

onMouseEnter={(utils.isiPad() || utils.isPhone()) ? () => { } : () => this.toggleHoverEnter(modules.length, index)}
onMouseLeave={(utils.isiPad() || utils.isPhone()) ? () => { } : () => this.toggleHoverLeave(modules.length, index)}
 
toggleHoverEnter = (length, index) => {
let _num = new Array(length + 1).join(0).split(‘‘);
    _num[index] = 1;
    this.setState({
        num: _num
     })
}
toggleHoverLeave = (length, index) => {
let _num = new Array(length + 1).join(0).split(‘‘);
    _num[index] = 0;
    this.setState({
        num: _num
     })
}

以上是关于js的hover实现方法。的主要内容,如果未能解决你的问题,请参考以下文章

js写导航栏hover效果

js中hover事件时候的BUG以及解决方法

防止 CSS :hover 样式传播

bootstrap V4.x 中 dropdown 增加 hover事件(优化)

bootstrap V4.x 中 dropdown 增加 hover事件(优化)

jQuery实现hover合成事件的方法