javascript能否触发css的:hover伪类

 爱碩爱你_静莫失心 发布于 2022-11-25 06:02

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

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

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

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

    2022-11-25 06:46 回答
  • a:hover, a.hover {
        color: #ccc;
    }
    
    $('a').hover(function () {
        this.addClass('hover')
    },function () {
        this.removeClass('hover')
    })
    2022-11-25 06:46 回答
  • 貌似实现不了,lz还是老老实实用.hover

    2022-11-25 06:46 回答
  • mouseover?

    2022-11-25 06:46 回答
  • 可以使用getComputedStyle,详见:
    http://www.zhangxinxu.com/wordpress/2...

    2022-11-25 06:46 回答
  • js触发:hover?不就是onmouseover/onmouseout么?

    2022-11-25 06:46 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有