防止点击黑色边框

Question

单击黑色边框将其打开。

按钮部分是中间部分

如果只有中间部分可点击，代码中需要更改什么？

多个按钮。

只有 1 个按钮时我可以做到，但是当屏幕上有多个按钮时我就不行了。

  const playButtons = document.querySelector(".button");
  playButtons.addEventListener("click", playButtonClickHandler);
}());

Answer 1

您需要在按钮上设置点击事件侦听器，而不是它们的包装器

  const playButtons = document.querySelectorAll(".button");
  playButtons.forEach(e => e.addEventListener("click", playButtonClickHandler));

Prevent clicking on the black border