Question

var hello = document.createElement('<div>HELLO</div>');
var wrapper = document.getElementById('wrapper');

document.getElementsByTagName('span')[0].appendChild(hello);

wrapper.addEventListener('mouseover', mouseMove, false);
setTimeout(function(){
   document.getElementsByTagName('span')[0].removeChild(hello);
   wrapper .removeEventListener('mouseover', mouseMove, false);
}, 10000);

<div id="wrapper">
</div>

当我在<div id="wrapper"></div>上移动时，结果为空

如何移动<div id="wrapper"></div>，结果会显示HELLO 10秒，如何修复

Answer 1

这应该有效：

var wrapper = document.getElementById('wrapper');

function createHelloDiv() {
    var hello = document.createElement('div');
    var helloContents = document.createTextNode('hello');
    hello.appendChild(helloContents);
    return hello;
}

function onMouseOver() {
    setTimeout(function() {
        wrapper.appendChild(createHelloDiv());
        wrapper.removeEventListener('mouseover', onMouseOver, false);
    }, 10000);
}

wrapper.addEventListener('mouseover', onMouseOver, false);

有关工作示例，请参阅this fiddle。

Answer 2

你想要实现什么目标？

这部分代码

wrapper.addEventListener('mouseover', mouseMove, false);

将鼠标overevent绑定到函数mouseMove，这在您的上下文中不存在。

添加

function mouseMove()
{
  alert();
}

这不会给你null ...

在第二种情况下，请说明您想要实现的目标？

使用mouseover div show消息时出错

2 个答案: