Question

我正在尝试生成一组单选按钮，每个单选按钮都有自己的AddEventListener，但是我无法使用以下代码来使其工作（这是使用MySQLI表中的数据的while循环）：

echo '
  <script>
    document.getElementById("' . $row['colID'] . '").addEventListener("mouseover", function() {findSpec("' . $row['colID'] . '")});
  </script>';

echo '<input type="radio" id="' . $row['colID'] . '" name="colours" value="" />' . $row['colRef'] . ' ' . $row['colName'];

它正在产生以下HTML

<script>
  document.getElementById("129").addEventListener("mouseover", function() {findSpec("129")});
</script>

<input type="radio" id="129" name="colours" value="">
  Shadow Content (User Agent)= $0
</input>
R-382 Congo Blue

我以前没有使用过AddEventListener，所以我不知道为什么它不起作用。我也尝试过点击，但存在相同的问题。

有什么想法吗？

Answer 1

尝试将脚本放在页面代码中的输入之后

如果可以，您可以在

中添加代码

document.onload = function（）{....您的addevent.istener} 在文档的head.script部分

按原样（在代码读取范围内），添加事件时，您的按钮在dom中将不存在

AddEventListener不会在鼠标悬停时触发该功能

1 个答案: