我正在使用Chrome浏览器,并试图使用JQuery映射alt+a到一个输入和alt+shift+a到另一个输入。我已经用chrome调试过了,仍然不能弄清楚。我不知道做这件事的最好方法是什么。我不确定这是否可能。我还尝试在两个输入上使用accesskey="a",但在这种情况下,它只是命中第二个输入。
任何想法或帮助将不胜感激。由于<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/>
<script type="text/javascript" language="JavaScript">
$(document).ready( function () {
$(document).keyup('alt+a', function () { $('suc').click(); });
$(document).keyup('alt+shift+a', function () { $('try').click(); } );
});
</script>
</head>
<body>
<form>
<input type="submit" formaction="file:///C:/Users/me/Desktop/success.html" value="Success" accesskey="a" id="suc">
<input type="submit" formaction="file:///C:/Users/me/Desktop/tryAgain.html" value="TryAgain" accesskey="a" id="try" >
</form>
</body>
</html>
我强烈建议使用https://github.com/keithamus/jwerty处理键盘事件。
它看起来像这样
jwerty.key('alt+a', function() {
// success
});
jwerty.key('alt+shift+a', function() {
// try again
});
嗯,alt+shift+a似乎没有响应预期在Chrome,也许有冲突。我得到alt+a和alt+shift+触发#尝试以下代码:
$(window).on('keypress', function(e){
if(e.altKey && e.which===97)
$('#suc').trigger('submit');
});
$(window).on('keypress', function(e){
if(e.altKey && e.shiftKey && e.which===97)
$('#try').trigger('submit');
});
你可以试试if(e.altKey && e.ctrlKey && e.which===97)
on #try。
原来我设置了accesskey属性,并试图使用jquery设置热键。
Chrome听起来像是发生了错误。我使用这篇文章寻求帮助:http://www.openlogic.com/wazi/bid/188026/Easy-Keyboard-Shortcuts-for-Web-Pages
我将继续使用https://github.com/tzuryby/jquery.hotkeys
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).keyup(
function(e) {
e = e || window.event; // because of Internet Explorer quirks...
k = e.which || e.charCode || e.keyCode; // because of browser differences...
if (k == 65 && e.altKey && !e.ctrlKey && !e.shiftKey) {
$('form').prop('action', 'file:///C:/Users/me/Desktop/tryAgain.html').submit();
} else if (k == 65 && e.altKey && !e.ctrlKey && e.shiftKey) {
$('form').prop('action', 'file:///C:/Users/me/Desktop/success.html').submit();
} else {
return true; // it's not a key we recognize, move on...
}
return false;
});
</script>
</head>
<body>
<form>
<input type="submit" formaction="file:///C:/Users/me/Desktop/success.html" value="Success" id="suc">
<input type="submit" formaction="file:///C:/Users/me/Desktop/tryAgain.html" value="TryAgain" id="try" >
</form>
</body>
</html>