聚焦Bootstrap按钮进行键盘输入

Focusing a Bootstrap button for keyboard enter

本文关键字：键盘 输入 Bootstrap 按钮 聚焦      更新时间：2023-09-26

我在网页上有一个Bootstrap 3.0按钮。按钮不是表单的一部分。当这个页面呈现时，如果用户在键盘上点击回车键，我希望点击按钮。我设置了一个Marionette事件侦听器来处理单击事件。

这是我的按钮：

<button class="btn btn-primary js-new pull-right">New facility</button>

我该怎么做？

我已经尝试了几种方法，包括我认为显而易见的解决方案：执行$(".js-new").first().focus()。这不起作用。

如果我理解正确，您希望在点击"return"时触发某个按钮的点击处理程序。如果是这样的话，这应该是有效的；$(".js-new").first().click();，假设您的选择器正确。

您可以通过使用alert或console.log来显示选择器的长度来检查选择器是否正在查找元素：console.log($(".js-new").length);。

一旦验证了找到了正确的元素，就可以通过简单地调用.click()函数来触发绑定到元素的任何单击处理程序；如果没有参数传递给它，它将执行元素上已经存在的任何触发器。

--

编辑：如果你只想在按下回车键时触发点击处理程序，你可以将事件绑定到返回键：

$(document).keypress(function(e) {
    if(e.which === 13) {
        // enter has been pressed, execute a click on .js-new:
        $(".js-new").first().click();
    }
});
相关文章：