javascript - 如何在 css 或 javascript 中将一个类分配给一个 id？

Question

现在，我制作的每个文本框都是这样的:

<input type="text" class="disableHotkeys">

在其他地方，我有代码可以在“disableHotkeys”类的元素被聚焦时禁用热键，并在所有元素都变得模糊时启用。

一切正常，但我宁愿输入元素默认属于“disableHotkeys”类，以清理代码，减少重复。

我想要的是这样的:

default.css:

//don't use this code
input
{  include .disableHotkeys;  }

有没有办法在 css 中做到这一点？

如果没有，我想有一种方法可以在页面加载后使用 JQuery 将类添加到所有内容，但是将类设置在开发人员通常查看的地方(html/php 文件和也许是 css)。

附言如果您有更好的标题，将不胜感激

Answer 1

不幸的是，仅使用 CSS，您无法做到这一点。你需要使用JS。我给你一个 jQuery 例子 -

$(document).ready(function(){
    $('input').addClass('disableHotkeys');
});

或

$(document).ready(function(){
    $('input').each(function(){
        $(this).addClass('disableHotkeys');
    });
});

另外，如果您需要向所有输入添加类，那么为什么不将 disableHotkeys 类代码添加到输入中呢？