我有虚拟键盘。
当按下任何键时,我想要激活按钮。
我使用了 CSS 事件类。有用。但它只有在我用鼠标按下按钮时才有效。
如果我按下键盘上的按钮,它不起作用。
这是我的 CSS
#keyboard li:active {
position: relative;
top: 1px;
left: 1px;
background-color: #e74c3c;
border-color: #e5e5e5;
cursor: pointer;
color:white;
}
最佳答案
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/
希望对您有所帮助。
关于javascript - 如何使用 javascript 或 jquery 激活按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40603286/