我需要让我的按钮在按下某个键盘按钮时变为:active
状态,而不仅仅是在点击时。
这是我的代码...提前感谢你的帮助。
脚本:
$(document).on('keypress', function (e) {
var tag = e.target.tagName.toLowerCase();
if (e.which === 119 && tag != 'input' && tag != 'textarea')
$('#forward').click();
if (e.which === 115 && tag != 'input' && tag != 'textarea')
$('#back').click();
if (e.which === 97 && tag != 'input' && tag != 'textarea')
$('#left').click();
if (e.which === 100 && tag != 'input' && tag != 'textarea')
$('#right').click();
});
$(function () {
$("#forward").click(function () {
$.ajax('/forward');
});
$("#back").click(function () {
$.ajax('/back');
});
$("#left").click(function () {
$.ajax('/left');
});
$("#right").click(function () {
$.ajax('/right');
});
});
HTML :
<ul class="button-list">
<li>
<button id="forward">W</button>
</li>
<li>
<button id="back">S</button>
</li>
<li>
<button id="left">A</button>
</li>
<li>
<button id="right">D</button>
</li>
</ul>
...................................................................................