修复代码以防止下拉菜单在单击时关闭

// HTML结构
<div id="dropdown">
  <button>下拉菜单</button>
  <ul>
    <li>选项1</li>
    <li>选项2</li>
    <li>选项3</li>
  </ul>
</div>

// JavaScript代码
document.getElementById('dropdown').addEventListener('click', function(event) {
  var dropdown = document.getElementById('dropdown');
  var target = event.target;
  
  // 判断点击的目标元素是否为下拉菜单或其子元素
  if (target === dropdown || dropdown.contains(target)) {
    event.stopPropagation(); // 阻止事件冒泡
  }
});

// HTML结构
<div id="dropdown">
  <button>下拉菜单</button>
  <ul>
    <li>选项1</li>
    <li>选项2</li>
    <li>选项3</li>
  </ul>
</div>

// JavaScript代码
var isOpen = false; // 标志位，初始值为false

document.getElementById('dropdown').addEventListener('click', function() {
  isOpen = true; // 点击下拉菜单时，将标志位设置为true
});

document.addEventListener('click', function() {
  if (isOpen) {
    isOpen = false; // 点击其他区域时，将标志位设置为false
  }
});