如何保持弹出菜单打开时，点击它的一个项目？

// HTML结构
<div id="menu" onclick="handleMenuClick(event)">
  <div class="item">项目1</div>
  <div class="item">项目2</div>
  <div class="item">项目3</div>
</div>

// JavaScript代码
function handleMenuClick(event) {
  if (event.target.classList.contains('item')) {
    // 处理点击弹出菜单项目的逻辑
    console.log('点击了项目：', event.target.textContent);
  }
}

// HTML结构
<div id="menu">
  <div class="item" onclick="handleItemClick(1)">项目1</div>
  <div class="item" onclick="handleItemClick(2)">项目2</div>
  <div class="item" onclick="handleItemClick(3)">项目3</div>
</div>

// JavaScript代码
let isOpen = false; // 弹出菜单的打开状态
let selectedItem = null; // 当前选中的项目

function handleMenuClick() {
  isOpen = !isOpen; // 切换弹出菜单的打开状态
}

function handleItemClick(index) {
  selectedItem = index; // 更新当前选中的项目
  console.log('点击了项目：', index);
}