jquery - 用 jQuery 模拟点击

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），那么这是默认功能。在元素具有焦点时按回车键将触发点击处理程序。

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

$("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/