jquery - anchor 作为带有 accesskey 的按钮的行为与实际按钮不同

Question

我有一个分配了 accesskey 的 anchor 。 anchor 用作按钮，但它必须是 anchor ，因为页面使用 jQuery UI 主题样式。

在 Chrome 中，一切正常，我可以使用 + accesskey 来“点击”按钮。

但是，在 IE 中，只有当我使用 + accesskey 时，按钮才会被“选中”。我怎样才能确保按钮立即被“点击”(之后不必按“enter”)？

有关示例，请参阅此 fiddle :http://jsfiddle.net/5yu6anpf/

HTML:

<a accesskey="a" href="#">anchor (a)</a>
<button accesskey="b">button (b)</button>
<span id="status">use alt + a/b</span>

Javascript:

$("a, button")
    .button()
    .click(function() {
        $("#status").text($(this).text())
    });

Answer 1

IE只通过access-key给出焦点，我们可以通过触发点击来观察焦点事件

$("a, button")
    .button()
    .focus(function () {
        $(this).click()
     })
    .click(function () {
       $("#status").text($(this).text())
});