如何使用java脚本或jQuery的活动按钮？

Question

我有虚拟键盘。
当任何按键被按下时，我想要激活按钮。
我使用CSS活动类。有用。但它只有当我按下鼠标按钮时才起作用。
如果我按键盘上的按钮它不起作用。
这里是我的CSS

#keyboard li:active { 
    position: relative; 
    top: 1px; 
    left: 1px; 
    background-color: #e74c3c; 
    border-color: #e5e5e5; 
    cursor: pointer; 
    color:white; 
} 

这是链接
http://projects.imube.com/keyboard/

Answer 1

var hey = document.getElementById('hey'); 
 

 
let makeActive =() => { 
 
    hey.classList.contains('active') ? hey.classList.remove('active') : hey.classList.add('active'); 
 
} 
 

 
hey.onclick = makeActive; 
 

 
window.onkeypress = (e) => { 
 
    let key = e.keyCode || e.which; 
 

 
    if(e.keyCode == 13) { 
 
    makeActive(); 
 
    } 
 
}

a.active { 
 
    color: red; 
 
}

<a id="hey">Press Enter or Click this!</a>

需要两个不同的事件处理程序。一个是按键并单击。

这里你可以得到的keyCode：https://css-tricks.com/snippets/javascript/javascript-keycodes/

希望它能帮助。