单击外部时，iOS设备上的CSS下拉菜单不会消失

document.addEventListener('click', function(event) {
  var dropdownMenu = document.getElementById('dropdown-menu'); // 下拉菜单的ID
  var target = event.target; // 点击的目标元素

  // 判断点击的目标元素是否在下拉菜单范围内
  if (!dropdownMenu.contains(target)) {
    // 关闭下拉菜单
    dropdownMenu.classList.remove('show'); // 假设使用show类来显示下拉菜单
  }
});

<style>
  .dropdown-menu:focus {
    /* 下拉菜单获得焦点时的样式 */
  }
</style>

<div tabindex="0" class="dropdown-menu">
  <!-- 下拉菜单的内容 -->
</div>

<script>
  document.addEventListener('click', function(event) {
    var dropdownMenu = document.querySelector('.dropdown-menu'); // 下拉菜单的类名
    var target = event.target; // 点击的目标元素

    // 判断点击的目标元素是否在下拉菜单范围内
    if (!dropdownMenu.contains(target)) {
      // 失去焦点，关闭下拉菜单
      dropdownMenu.blur();
    }
  });
</script>