search

Home  >  Q&A  >  body text

javascript能否触发css的:hover伪类

因为我已经为一些元素的:hover编写了样式,在javascript中需要模拟这种触发效果。以前的做法是,顶一个类似.hover的实际class把它放到css中,类似这样

a:hover, a.hover {
    color: #ccc;
}

但是我的class实在太多,为它们每个都加上一个class显得很冗余也太麻烦,所以我想在js里是否能直接触发:hover的伪类,比如我们$('a').addClass(':hover')类似的用法

PHP中文网PHP中文网2894 days ago722

reply all(6)I'll reply

  • 巴扎黑

    巴扎黑2017-04-10 12:46:44

    js触发:hover?不就是onmouseover/onmouseout么?

    reply
    0
  • 迷茫

    迷茫2017-04-10 12:46:44

    可以使用getComputedStyle,详见:
    http://www.zhangxinxu.com/wordpress/2...

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-10 12:46:44

    mouseover?

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 12:46:44

    貌似实现不了,lz还是老老实实用.hover

    reply
    0
  • PHPz

    PHPz2017-04-10 12:46:44

    a:hover, a.hover {
        color: #ccc;
    }
    
    $('a').hover(function () {
        this.addClass('hover')
    },function () {
        this.removeClass('hover')
    })

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 12:46:44

    js 的mouseover和mouseout 无法模拟css的伪类,只能用addClass hover来实现

    reply
    0
  • Cancelreply