javascript - 如何向用js创建的元素添加事件？

Question

我创建了下面的脚本。它根据需要将正文放在一个 div 中。但是，事件处理程序失败。我确定这是一个简单的错误。

body_html = document.body.innerHTML;
new_html = "<div id='realBody'>" + body_html + "</div>";
document.body.innerHTML = new_html;
document.body.getElementById("realBody").addEventListener("mouseover", function(event) {alert('body');});

如何让事件顺利进行？ (如果有更好(更简单)的方法，请随意重写整个内容。

编辑:这行得通，有些评论说将正文放入 div 是错误的方法，但我看不出有什么问题:

body_html = document.body.innerHTML;
new_html = "<div id='realBody'>" + body_html + "</div>";
document.body.innerHTML = new_html;
document.getElementById("realBody").addEventListener("mouseenter", function(event) {alert('body');});

谢谢!

Answer 1

您需要将 document.body.getElementById() 更改为 document.getElementById()

document.getElementById("realBody").addEventListener("mouseover", function(event) {alert('body');});