Сообщение от Mitrandir
|
Немного не уловил идею.
Можно полный код
|
я прошу прощения, делегирование тут не нужно было
<div class="keyboard">
<div class="keyboardRow">
<span class="key" id="keycode_113">Q<sub>Й</sub></span>
<span class="key" id="keycode_119">W<sub>Ц</sub></span>
<span class="key" id="keycode_101">E<sub>У</sub></span>
</div>
</div>
<script type='text/javascript'>
document.onkeypress = function(e) {
e = e || event;
var keys = this.querySelectorAll('.key'),
i = 0,
keyCode = e.keyCode ? e.keyCode : e.charCode
for ( ;i < keys.length; ++i ) {
if (keys[i].id.indexOf(keyCode) > -1) {
keys[i].style.border = '1px solid red';
break;
}
}
}
</script>