javascript - 附加到错误元素的Javascript事件侦听器？

Question

我正在创建一个 DIV 并为其附加一个 mouseover 事件，它工作正常，但是使用 innerHTML 添加下一位 HTML 会根据该 DIV 的大小而不是事件附加到的 DIV 触发鼠标移出事件。

menu = document.createElement('DIV');
menu.id=menuId;
menu.style.height="50px";

menu.addEventListener('mouseout', function(menu) {
this.menu(menu);
}.bind(this,menu), false); 



this.html = '<div>heading</div><div>content</div>';

menu.innerHTML=this.html;

doc=document.body.firstChild;
document.body.insertBefore(menu,doc);