Question

我创建了一个仅包含按钮的基本网页，但我希望只通过键盘使按钮可访问，以方便访问...请帮助。这是页面的代码

<table  border="0" align="center" cellpadding="5px" cellspacing="5px">
<tr>
  <td><button class="1" style="height:auto" onClick="#" onKeyDown="myFunction()">Milk Collection</button></td>
</tr>
<tr>
  <td><button class="1" onClick="#")> Local Sale</button></td>
</tr>
<tr>
  <td><button class="1" onClick="#")> Utilities</button></td>
</tr>
<tr>
  <td><button class="1" onClick="#")> Master</button></td>
</tr>

Answer 1

创建键盘快捷键的简便方法是使用此'shortcut' plugin

这是一个如何使用它的例子;

<script type="text/javascript" src="js/shortcut.js"></script>

<script>
    shortcut.add("alt+s", function() {
        // Do something
    });   
    shortcut.add("ctrl+enter", function() {
        // Do something
    }); 
</script>

如果你不想使用任何第三方插件（除了jquery），你可以使用一个max give;此时，按键事件在Google Chrome或Safari中都不起作用，但如果您使用keydown，它们将适用于所有浏览器。

$(window).keydown(function(e) {
    var code = e.which || e.keyCode; //<--edit, some browsers will not give a keyCode
    switch (code) {
        case 37: case 38:  //key is left or up
            if (currImage <= 1) {break;} //if is the first one do nothing
            goToPrev(); // function which goes to previous image
            return false; //"return false" will avoid further events
        case 39: case 40: //key is left or down
            if (currImage >= maxImages) {break;} //if is the last one do nothing
            goToNext(); // function which goes to next image
            return false; //"return false" will avoid further events
    }
    return; //using "return" other attached events will execute
});

要查找要使用的密钥的keyCode，您可以在上面的函数中alert(e.keyCode);，然后为您的密钥序列添加大小写。

Answer 2

这可以帮到你

window.onkeydown = function(e) {
    var key = e.keyCode;
    if (key === 13) {
        //Enter key
    }
};

Answer 3

HTML：

 <button class="1" style="height:auto"  onkeydown="myFunction(event)">Milk Collection</button>

的Javascript：

 function myFunction(e) { // Trigger the click event from the keyboard
    if (e.keyCode == 13) {
        alert("click");
        return false;
    }
 }

如何通过键盘访问页面中的所有按钮

3 个答案: