javascript - 其元素的父元素具有 title 属性的事件处理程序在某些浏览器中不会触发

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 8 年前。

Improve this question

这个特定页面的 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>

单击输入元素时，事件处理程序将不会触发。此示例与上面的示例之间的唯一区别是 title 属性。

<div id="upgrade0" class="a" title="Description">
  <div class="e" id="upgrade0header">text</div>
  <div class="f">
    <input type="button" value="val">
    <div class="d">
      <img src="img" class="b">
      <span id="upgrade0cost" class="c">text</span>
   </div>
  </div>
</div>

使用相同的方法向任一按钮添加事件监听器

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

我已经搜索了各种解决方案，但一无所获。有人知道会发生什么吗？

Answer 1

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

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

同时避免使用关键字作为标识符id="id"