用的onmouseover（）不可用鏈接

我儘量讓與的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>

感謝您的幫助

來源

2012-03-29 user1301411

你是什麼意思的「不工作？」你有一堆無用的標籤，我正在擺脫它們。 – 2012-03-29 18:29:09

在div元素上，如果您將onclick而不是onmouseover，鏈接正在工作。問題在onmouseover中很明顯，但我不知道爲什麼... – 2012-03-29 18:39:49

由於您重置了innerHTML，click事件丟失。但我不明白爲什麼我自己：[onmouseover之前點擊和鼠標事件發射？]（http://stackoverflow.com/q/9932550/1048572） – Bergi 2012-03-29 19:58:42

這裏是一個工作：

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

來源

2012-03-29 19:07:12

好吧，但現在它不能關閉 – user1301411 2012-03-29 19:15:01

它關閉，但您必須在「關閉」文本上沿y軸向下進行鼠標移動。取決於你在頁面上放置這個html代碼的位置。我已經在單獨的html頁面上嘗試了這種隔離，並且它工作正常。 – 2012-03-29 19:51:15

回答

相關問題