打字网站突出显示字母

我处于项目的中间，这是一个打字网站。我制作了一个只有div标签的虚拟键盘。另外，我将会有一个带有字母的区域，它们将是打字文本。在下一步中，我希望每个键在字母区域和虚拟键盘中同时突出显示。我真的坚持这一点。我想到了一些想法，但没有一个做我想做的。打字网站突出显示字母

任何想法都会非常有帮助！

来源

2013-10-22 pedrag

所以你想要随机字母，他们应该键入要在键盘上突出显示？ – Snowburnt

你能告诉我们你到目前为止在键盘和textarea中同时有了什么 – piddl0r

。 – pedrag

你会想看看Javascript事件处理程序。

下面是一个快速示例，可能会将您置于正确的位置。

document.addEventListener("keydown", keyDownEvent, false); 

function keyDownEvent(e) { 
var keyCode = e.keyCode; 
    if(keyCode==13) { 
    //enter was pressed... 
    //highlight the relevant keyboard div. 
    } 
}

编辑：如果你不希望的情况下，在键盘上添加到您的程序为每一个键码，那么我建议在this网页进行相关的字符键码考虑看看，然后命名您的div与键码相关的ID。

例如： “J”是邀请码：74。因此，我的div将有以下ID：

<div id="keycode_74"></div>

显然你需要添加逻辑，看看是否在页面上存在的股利，但我会留给你，因为我不想为你编写整个解决方案:)

来源

2013-10-22 15:57:18

感谢您的回应。但在这个解决方案中，我必须检查每一个字母？ – pedrag

如果你不想为每个字母添加一个案例，请参阅我的更新回答:) –

嗯，这是好主意。但是如果我用每个字母的名称来命名“key_code74”，我想我会再次检查每封信。我脑海中的一个解决方案是我的虚拟键盘的每个键都具有charCode的id。你怎么看？？ – pedrag

打字网站突出显示字母

回答

相关问题