javascript能否触发css的:hover伪类
PHP中文网
PHP中文网 2017-04-10 12:44:44
0
6
742

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

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

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

PHP中文网
PHP中文网

认证0级讲师

Antworte allen(6)
巴扎黑

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

迷茫

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

伊谢尔伦

mouseover?

刘奇

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

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

$('a').hover(function () {
    this.addClass('hover')
},function () {
    this.removeClass('hover')
})
小葫芦

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage