拖延鼠標懸停

Question

對不起，我知道這個問題已被問及回答，但我無法得到這個工作。任何人都可以告訴我爲什麼在這個小提琴中表的第一行第一個文本框上的鼠標懸停不起作用？

<table style="width:280px; border:1px solid Red;"> 
<tr> 
<td>Label</td> 
<td><input id="txt1" type="text" onclick="showdiv('txt1')" value="fred" 
onmouseover="function() { funcDelay=window.setTimeout('jim()', 1000); }"> 
</td> 
</tr> 
</table> 

FIDDLE HERE

Answer 1

因爲你設置混亂事件的兩種方法。該屬性應該設置爲一個語句字符串，而不是一個函數字符串。 jim

Answer 2

用途：

HTML

<input id="txt1" type="text" onclick="showdiv('txt1')" value="fred" onmouseover="jim2()"> 

JS

onmouseover="funcDelay=window.setTimeout('jim()', 1000); 

此外，您還可以用函數引用來代替'jim()'（待執行的字符串）

function jim2() { funcDelay=window.setTimeout('jim()', 1000); } 

它會工作。因爲內聯事件將語句作爲輸入而不是方法。

Answer 3

您可以在函數中添加了setTimeout的： -

<td>Label</td><td><input id="txt1" type="text" onclick="showdiv('txt1')" value="fred" 
onmouseover='jim()'></td> 

function jim() 
{ 
window.setTimeout(function(){alert('jimmy')}, 1000); 

}