2013-06-11 104 views
0

鼠標懸停或點擊功能無法正常工作。它只是第一次工作。當我第二次點擊或懸停時,它不起作用。請幫忙。鼠標懸停或點擊功能無法正常工作

`<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>` 
+0

嘗試'javascript:displayDate();'和'javascript:a();' – Tim

+0

這可能是一個愚蠢的問題,但你正在使用內嵌的JavaScript ...你可以使用類似jQuery的庫嗎?如果是這樣,有一個非常簡單的答案。 – ar3

+0

點擊事件不會做任何事情,至少當你觸發「mouseenter」或「mouseout」,反正它對我很好http://jsfiddle.net/k8K75/ –

回答

2
document.write('Show date'); 

上面的線覆蓋整個文件,並刪除元素,讓你不再有一個事件處理程序的元素,這就是爲什麼它只能使用一次。

這不是真的清楚你想要做什麼,第一次展出「時間顯示」,然後在鼠標移開「顯示日期」,但你可能應該做這樣的事情:

document.getElementById("demo").innerHTML = 'Show date'; 

FIDDLE

+0

我只是更新代碼。你的代碼不適合我。抱歉 –