尝试使用相同的字母热键使用alt和alt+shift

Trying to use same letter for hotkey using alt and alt+shift

本文关键字：alt alt+shift      更新时间：2023-09-26

我正在使用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>
相关文章：