如何使用java脚本或jquery激活按钮

How active button using java script or jquery?

本文关键字：jquery 激活 按钮 脚本 何使用 java      更新时间：2023-09-26

我有虚拟键盘。
我想激活按钮时，任何键按下。
我使用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/

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/

希望能有所帮助。

相关文章：