// 错误示例 - 使用mouseover可能导致过早触发
element.addEventListener('mouseover', showTooltip);

// 正确示例 - 使用click事件
element.addEventListener('click', showTooltip);

/* 可能导致过早触发的样式 */
.tooltip-trigger:hover + .tooltip {
  display: block;
}

/* 更精确的控制 */
.tooltip-trigger:active + .tooltip,
.tooltip-trigger:focus + .tooltip {
  display: block;
}

let timer;
element.addEventListener('mouseenter', () => {
  timer = setTimeout(() => {
    showTooltip();
  }, 500); // 500毫秒延迟
});

element.addEventListener('mouseleave', () => {
  clearTimeout(timer);
  hideTooltip();
});