Javascript 如何单击前面的可单击元素？

我有两个可点击的元素，一个在另一个前面。每当我试图点击前面的一个，它就会认为我同时点击了两个。我如何使它只点击前面的一个？HTML、CSS、JAVASCRIPT使用event.stopPropagation

front.addEventListener("click", function(e) {
  e.stopPropagation();
  ...
});

---

请显示相关的HTML、CSS和JS。