鼠标悬停或点击功能无法正常工作

Question

鼠标悬停或点击功能

无法正常工作。它只是第一次工作。当我第二次点击或悬停它时，它不起作用。请帮忙。

`<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
function a()
{
document.write("Show Time");
}
</script>

<div id='demo' onmouseover='displayDate()' onmouseout='a()'>Show Time</div>`

Answer 1

document.write('Show date');

上面的行会覆盖整个文档，并删除元素，因此您不再拥有带有事件处理程序的元素，这就是为什么它只能运行一次。

目前还不是很清楚你要做什么，首先显示“显示时间”，然后是鼠标输出“显示日期”，但你可能应该这样做：

document.getElementById("demo").innerHTML = 'Show date';

FIDDLE