Question

我有一个脚本可以将tabindex分配给页面上的可见元素。其中大多数是表单元素，但我还需要添加一种方法来添加一个div，用于显示/隐藏一个部分。

<span class="tabInto">Show/Hide</span>

我使用jQuery

执行此操作

$(':input:visible, .tabInto').each(function (i) {
    $(this).attr('tabindex', i + 1);
});

因此，当我在表单字段中进行选项卡时，我也可以选中该字段。现在我需要能够模拟点击操作，扩展隐藏部分，当我专注于该范围时使用键盘。我怎样才能做到这一点？它通常是用Enter还是空格键完成的？

Answer 1

如果您使用的是锚标记（href），那么这是默认功能。在元素具有焦点时按Enter键将触发单击处理程序。

您可以通过以下方式使用span模拟相同的功能：

$("span").click(function () {
    alert("click span");
});

$("span").keypress(function (e) {
    if (e.keyCode == 13) {
        $(this).click();
    }
});

http://jsfiddle.net/dLmyV/

Answer 2

使用$(".tabInto").trigger("click")

这样您就可以在tabInto班级上点击“点击”事件。

来源：http://api.jquery.com/trigger/

使用jQuery模拟单击

2 个答案: