如何使用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/

希望能幫助到你。