按下键盘键时使用javascript更改li类的颜色

我已经用HTML和CSS创建了一个键盘，我试图在键盘上按同一个键时，使键以不同的背景颜色“发光”（即真实的键盘）

它看起来像这样：

<div id="keyboard">
<ul class="row">
<li class="letter">Q</li>
<li class="letter">W</li>
.
.
.
</ul>
</div>

这对我很有用：

HTML

<div id="keyboard">
    <ul class="row">
        <li class="letter" id="q">Q</li>
        <li class="letter" id="w">W</li>. . .</ul>
</div>

CSS

 .red { color:#f00; }

注 如果无论他/她按下“X”或“X”，您都希望字母发光，请更改：

var which_letter = String.fromCharCode(e.which);

致：

---

否则，用户必须准确地按字母的

id

值，因为我可以看到您正在使用jQuery。因此很容易触发如下关键事件，例如：

var e = jQuery.Event("keydown");
e.which = 50; // Your code value here
$("input").trigger(e);

---

此外，如果要使用键盘上的单击，则必须使用字段的输入类型。

那么有什么问题？当我按某个键时，颜色不会改变。您如何在那里按某个键？这不是一个输入字段？我只是想在没有输入字段的情况下，让键盘上的按键“发光”。。可能吗？你是说如果用户按下某个字符，该字符会发光吗？

var which_letter = String.fromCharCode(e.which);

var which_letter = String.fromCharCode(e.which).toLowerCase();

var e = jQuery.Event("keydown");
e.which = 50; // Your code value here
$("input").trigger(e);