javascript - 鼠标悬停或单击功能无法正常工作

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';

小提琴