使用accesskey的按钮与实际按钮的行为不同

时间:2014-10-16 08:02:14

标签: jquery html jquery-ui mnemonics

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

在Chrome中,一切正常,我可以使用< alt>“点击”按钮。 + accesskey。

然而,在IE中,当我使用< alt>时,该按钮仅被“选中”。 + accesskey。如何确保立即“点击”按钮(之后不必按“输入”)?

请参阅此小提琴以获取示例: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())
    });

1 个答案:

答案 0 :(得分:1)

IE仅使用access-key进行聚焦,我们可以通过触发click

来观察焦点事件
$("a, button")
    .button()
    .focus(function () {
        $(this).click()
     })
    .click(function () {
       $("#status").text($(this).text())
});