javascript - 如何检测是否没有鼠标悬停？

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>