在外部单击时如何关闭自动完成下拉菜单？

document.addEventListener('click', function(event) {
  // 判断点击的目标元素是否在自动完成下拉菜单内部
  var autocompleteMenu = document.getElementById('autocomplete-menu');
  var targetElement = event.target;
  if (!autocompleteMenu.contains(targetElement)) {
    // 关闭自动完成下拉菜单的逻辑代码
    autocompleteMenu.style.display = 'none';
  }
});

document.addEventListener('click', function(event) {
  // 判断点击的目标元素是否在自动完成下拉菜单内部
  var autocompleteMenu = document.getElementById('autocomplete-menu');
  var targetElement = event.target;
  if (!autocompleteMenu.contains(targetElement)) {
    // 关闭自动完成下拉菜单的逻辑代码
    autocompleteMenu.style.display = 'none';
  }
});

$(document).click(function(event) {
  // 判断点击的目标元素是否在自动完成下拉菜单内部
  var autocompleteMenu = $('#autocomplete-menu');
  var targetElement = event.target;
  if (!autocompleteMenu.has(targetElement).length) {
    // 关闭自动完成下拉菜单的逻辑代码
    autocompleteMenu.hide();
  }
});