用户悬停在链接上2秒后执行函数

Question

是的，我知道这个问题以前已经被问过了，但是我找不到一个有效的答案。这是来自其他问题中的一个被接受的答案：

$('#element').hover(function()
{
    $(this).data('timeout', window.setTimeout(function()
    {
        alert('hovered for 2 seconds');
    }, 2000));
},
function()
{
    clearTimeout($(this).data('timeout'));
    alert('mouse left');
});

http://jsfiddle.net/nCcxt/

你看到的效果并不是它应该有的。

理论上我需要的很简单，但我无法让它工作 - 当用户悬停在链接上2秒钟时，会调用一个函数。如果用户在2秒钟内移开鼠标，则什么也不会发生。

- sveti petar

Answer 1

这段代码非常完美地运行。它只会因为alert()调用而导致mouseout事件被触发而中断。

我们从中可以学到什么？不要在焦点/悬停/鼠标移动相关事件中使用alert()。

顺便说一下，已经有jQuery插件可用于完成您想做的事情：http://cherne.net/brian/resources/jquery.hoverIntent.html

- ThiefMaster