编写脚本以向元素动态添加.current(类似活动类)的场景

What scenarios to write a script to dynamically add a .current (active-like class) to an element?

本文关键字:活动 current 脚本 元素 添加 动态      更新时间:2023-09-26

使用导航菜单"组件"-查看了一些示例,其中许多示例使用控制器/javascript动态添加.current(类活动)。例如:https://www.google.com/analytics/导航栏就是这么做的。我一直认为浏览器能为你做到这一点。我认为这可能是有限的元素,但MDN文档说没有。

:活动CSS伪类在用户激活元素时匹配。它允许页面给出浏览器已检测到激活的反馈它经常用于<a><button> HTML元素,但可能不限于这些元素

伪类与类:另一个区别是它添加了一个伪类与一个标准类。但不确定上的限制在哪里,这取决于psuedo类。

现在,我依靠psuedo类和浏览器添加它来工作。即主导航a:active、a:focus等,但假设有什么东西需要我更改/返工。

快速的答案是,浏览器在单击时会自动使<a><button><select><input>元素处于活动状态,但导航选项卡和菜单等其他元素需要控制器或jQuery插件才能在单击时将这些元素设置为活动状态。导航选项卡、日期选择器、菜单等都需要控制器在选择时设置活动类。