如何在单击或悬停传单标记时显示相同的弹出窗口？

const button = document.querySelector('button'); // 获取按钮元素
button.addEventListener('click', showPopup); // 添加点击事件监听器

function showPopup() {
  const popup = document.createElement('div'); // 创建弹出窗口的容器元素
  popup.classList.add('popup'); // 添加弹出窗口的样式类

  const content = document.createElement('p'); // 创建弹出窗口的内容元素
  content.textContent = '这是弹出窗口的内容。'; // 设置弹出窗口的内容

  popup.appendChild(content); // 将内容元素添加到弹出窗口容器中
  document.body.appendChild(popup); // 将弹出窗口添加到页面中
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 100px;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 10px;
}