关注键盘的Bootstrap按钮进入

时间:2014-04-25 17:28:10

标签: javascript jquery twitter-bootstrap marionette

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

这是我的按钮:

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

我该怎么做?

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

1 个答案:

答案 0 :(得分:1)

如果我理解正确,当你点击“返回”时,你想触发某个按钮的点击处理程序。如果是这样的话,这应该有效; $(".js-new").first().click();,假设你的选择器是正确的。

您可以使用alertconsole.log来检查您的选择器是否正在查找元素,以显示选择器的长度:console.log($(".js-new").length);

一旦确认找到了正确的元素,就可以通过调用.click()函数触发绑定到元素的任何点击处理程序;如果没有传递任何参数,它将执行元素上已有的任何触发器。

-

编辑:如果您只想在按下Enter时触发点击处理程序,则可以将事件绑定到返回键:

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