Javascript 与onmouseover（）的链接不可用

我尝试使用onmouseover（）创建一个显示列表，其中包含一些链接，但单击时这些链接不起作用：

<script language="javascript">
function displayList()
{
document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>';
}

 function hideList()
{
document.getElementById('list').innerHTML = 'More';
}
</script>
<div id="list" onmouseover="displayList();">More</div>

函数displayList（）
{
document.getElementById（'list'）.innerHTML='More
Close'；
}
函数hideList（）
{
document.getElementById（'list'）.innerHTML='More'；
}
更多

感谢您的帮助

这里有一个解决方法：

<script language="javascript">
function displayList()
{
document.getElementById('list').setAttribute('onmouseover','');

document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact 

us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>';
}

 function hideList()
{
document.getElementById('list').setAttribute('onmouseover','displayList();');
document.getElementById('list').innerHTML = 'More';
}
</script>
<div id="list" onmouseover="displayList();">More</div>

函数displayList（）
{
document.getElementById（'list'）.setAttribute（'onmouseover'，''；
document.getElementById（'list'）.innerHTML='More
Close'；
}
函数hideList（）
{
document.getElementById（'list'）.setAttribute（'onmouseover'，'displayList（）；'）；
document.getElementById（'list'）.innerHTML='More'；
}
更多

你说的“不工作”是什么意思？你有一堆无用的标记，我正在清除它们。在div元素上，如果你放onclick而不是onmouseover，链接就工作了。这个问题在onmouseover中很明显，但我不确定为什么会丢失单击事件，因为您正在重置innerHTML。但我自己也不明白为什么：它关闭了，但你必须在“关闭”文本上，在y轴上做鼠标移动。取决于您在页面上放置此html代码的位置。我在一个单独的html页面上尝试过这个方法，效果很好。