在ESC上关闭Bootstrap 4下拉菜单

，可以通过以下步骤实现：

1. 首先，在HTML文件中找到需要关闭的下拉菜单的触发元素，通常是一个按钮或链接，它具有data-toggle="dropdown"属性。
2. 在该触发元素上添加一个自定义的data-esc-close属性，并将其设置为true。例如：data-esc-close="true"。
3. 在JavaScript文件中，使用以下代码监听ESC键的按下事件，并在按下ESC键时关闭下拉菜单：

document.addEventListener('keydown', function(event) {
  if (event.key === 'Escape') {
    var dropdowns = document.querySelectorAll('[data-esc-close="true"]');
    dropdowns.forEach(function(dropdown) {
      var menu = dropdown.nextElementSibling;
      if (menu.classList.contains('show')) {
        dropdown.click();
      }
    });
  }
});

以上代码会在ESC键按下时，遍历所有具有data-esc-close="true"属性的触发元素，检查其相邻的下拉菜单是否处于打开状态，如果是，则模拟点击触发元素以关闭下拉菜单。

这种方法可以确保在按下ESC键时关闭Bootstrap 4下拉菜单，提供更好的用户体验。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm