Javascript 在某些浏览器中，其元素具有具有title属性的父级的事件处理程序将不会启动

这个特定页面的HTML是在加载时动态生成的，所以我必须从控制台复制它。该事件仅在某些移动浏览器上无法启动，黑莓尤其容易出现此问题

单击输入元素时，事件处理程序将正确激发

<div id="gatherer0" class="a">
  <div class="e" id="gatherer0header">text</div>
  <div class="f">
    <input type="button" value="val">
    <div class="d">
      <img src="img" class="b">
      <span id="gatherer0cost" class="c">text</span>
    </div>
  </div>
</div>

---

我寻找了各种各样的解决办法，但一无所获。有人知道可能发生了什么吗？

不能对多个元素使用相同的标识符

<div id="id" class="a">
<div class="e" id="id">text</div>
<span id="id" class="c">text</span>

文本
文本

---

也要避免使用我应该指定的标识符

id=“id”

中的关键字。我删除了对元素的所有具体引用，因为它们与问题无关。我将修改这篇文章以消除任何混乱。

storeItemButton.addEventListener("click", function () {
    game.purchase(id);
    game.update();
}, false);

<div id="id" class="a">
<div class="e" id="id">text</div>
<span id="id" class="c">text</span>