javascript - Make function execute after user hovers over link for 2 seconds - Stack Overflow

admin管理员组

文章数量:1279090

Yes, I know this question has been asked before, but I can't find an answer that works. This is an accepted answer from one of the other questions:

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

/

As you see it doesn't do what it's supposed to.

What I need is simple in theory but I can't get it to work - when a user hovers over a link for 2 seconds, a function is called. If the user moves the mouse away before 2 seconds pass, nothing happens.

Yes, I know this question has been asked before, but I can't find an answer that works. This is an accepted answer from one of the other questions:

$('#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/nCcxt/

As you see it doesn't do what it's supposed to.

What I need is simple in theory but I can't get it to work - when a user hovers over a link for 2 seconds, a function is called. If the user moves the mouse away before 2 seconds pass, nothing happens.

• javascript
• jquery

Share Improve this question Follow asked Jun 16, 2012 at 11:34 sveti petarsveti petar 3,7971414 gold badges7777 silver badges158158 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

The code works perfectly fine. It only breaks due to the alert() calls which causes the mouseout event to be triggered.

What do we learn from it? Do not use alert() in bination with focus/hover/mousemove-related events.

By the way, there are already jQuery plugins available for what you want to do: http://cherne/brian/resources/jquery.hoverIntent.html

本文标签： javascriptMake function execute after user hovers over link for 2 secondsStack Overflow