我正在使用 JavaScript 为游戏生成地图，每个图块都是一个单独的 div。为了能够在我的网站上定位地图，我将它们全部放在另一个 div 中。
例如，<div id="mapBox">
<div id="tile" ... ></div>
<div id="tile" ... ></div>
</div>
#tile div 是从 XML 文件中的数据生成的，因此它们是动态生成的。在每个#tile 上，我都有一个触发函数的 onmouseevent（alert(1) 现在只是为了让它工作），但它似乎从未被触发。
如果我在#mapBox 上放置一个onmouseevent，它会触发它，但我无法让它为#tile div 工作。
对此的任何帮助将不胜感激，谢谢！
【问题讨论】：
标签： javascript javascript-events html
不确定您是如何选择#tile div，但具有相同 ID 的多个元素是无效的。
使用重复 ID 进行选择通常只会为您提供第一个匹配项（或其他一些不可预测的行为）。
当需要重复标识符时，您应该使用类而不是 ID。
<div id="mapBox">
<div class="tile" ... ></div>
<div class="tile" ... ></div>
</div>
【讨论】：
<div class="someClass tile" ... ></div>您如何选择元素以分配处理程序？
如前所述，第一个问题是您对许多元素使用相同的 id，因此事件只会在第一个元素上触发。
其次，在像这样在磁贴上进行类之后，您应该在 #mapBox 上使用 .delegate() 方法
$('#mapBox').delegate('.tile', 'mouseover', function(e){
//do whatever here
})
http://jsfiddle.net/nXa27/1/的示例
更新
对不起，没看到你不是在谈论 jquery..
这是一个纯 javascript http://www.jsfiddle.net/AvJf7/ 的示例
您仍然需要将tile 类添加到您的磁贴中，以便轻松有效地选择。
【讨论】：