javascript - 如何检测是否不是onmouseover？

Question

我有一个脚本,使用onmouseover使元素display = block

<script language="JavaScript">
function aaa() 
{
    document.getElementById('cat').style.display = "block";
}
</script>

<a href='#' onmouseover='aaa()'>hover on me</a>

<div  id='cat' style='display:none;'>this will show</div>

当鼠标不在时,我想将该元素返回到它的原始显示属性(无)

"<a href='#' onmouseover='aaa()'>hover on me</a>"

我怎样才能做到这一点？

Answer 1

这是onmouseout事件

function bbb() 
{
    document.getElementById('cat').style.display = "none";
}

...

<a href='#' onmouseover='aaa()' onmouseout='bbb()'>hover on me</a>