延迟鼠标悬停

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

因为您混淆了设置事件的两种方法。该属性应设置为语句字符串，而不是函数字符串。

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

此外，您可以使用函数引用替换'jim()'（要执行的字符串）：jim

Answer 2

使用：

<强> HTML

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

<强> JS

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

}