在navbar-form中删除对escape的关注

时间:2014-08-31 16:52:58

标签: twitter-bootstrap twitter-bootstrap-3

我从navbar-form框架中获得bootstrap。如果表单获得焦点,则无法通过按ESCAPE键来移除焦点,这有点烦人。

这是显示此效果的fiddle。如果用户按下转义键,有没有办法删除焦点?

1 个答案:

答案 0 :(得分:3)

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

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

注意:你必须使用" keyup"或者" keydown"因为"按键"根据您的浏览器(example)可能会给您不同的结果。