Twitter bootstrap 在导航栏窗体上取消对转义的关注

Twitter bootstrap 在导航栏窗体上取消对转义的关注,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我有一个navbar表单,来自bootstrap框架。如果窗体获得焦点,则无法通过按ESCAPE键移除焦点,这有点烦人 下面是一个显示这种效果的示例。如果用户按escape键,是否有办法移除焦点?使用小提琴,只需添加以下内容: $('#search-field').on('keyup', function(e) { if (e.keyCode == 27) { $('#search-field').blur(); } }); 注意:您必须使用“keyup”或“keydown”作为触发器

我有一个
navbar表单
,来自
bootstrap
框架。如果窗体获得焦点,则无法通过按
ESCAPE
键移除焦点,这有点烦人


下面是一个显示这种效果的示例。如果用户按escape键,是否有办法移除焦点?

使用小提琴,只需添加以下内容:

$('#search-field').on('keyup', function(e) {
    if (e.keyCode == 27) { $('#search-field').blur(); }
});

注意:您必须使用“keyup”或“keydown”作为触发器,因为“keypress”可能会根据您的浏览器提供不同的结果()。

使用您的小提琴,只需添加以下内容:

$('#search-field').on('keyup', function(e) {
    if (e.keyCode == 27) { $('#search-field').blur(); }
});

注意:您必须使用“keyup”或“keydown”作为触发器,因为“keypress”可能会根据您的浏览器提供不同的结果()。

使用您的小提琴,只需添加以下内容:

$('#search-field').on('keyup', function(e) {
    if (e.keyCode == 27) { $('#search-field').blur(); }
});

注意:您必须使用“keyup”或“keydown”作为触发器,因为“keypress”可能会根据您的浏览器提供不同的结果()。

使用您的小提琴,只需添加以下内容:

$('#search-field').on('keyup', function(e) {
    if (e.keyCode == 27) { $('#search-field').blur(); }
});
注意:您必须使用“keyup”或“keydown”作为触发器,因为“keypress”可能会根据您的浏览器给出不同的结果()