关闭 ESC 上的 Bootstrap 4 下拉菜单

Question

使用 jquery 捕获 esc 键以关闭 Bootstrap 下拉菜单的最简单方法是什么？

我知道我可以在 keydown 侦听器中使用 $('#dropdown').dropdown('toggle') ，但这也会打开下拉菜单，并且 'close' 似乎不是一种方法。

Answer 1

只需从下拉列表中删除开放类

$(document).keyup(function(e) {
     if (e.keyCode == 27) { // escape key maps to keycode `27`
        $('.navbar .dropdown').removeClass('open')
    }
});