javascript - 延迟后使用jQuery将字段聚焦在悬停上

原文 标签 javascript jquery

我试图使一个字段在悬停时集中,但仅在3秒的延迟之后。显然我做错了:



var timer;

function focusTimer() {
    timer = setTimeout(function () {
        $('#input').focus(),
        3000;
    })
}

$('#input').hover(function () {
    if (timer) {
        clearTimeout(timer);
    }
  
    focusTimer();
});

#input:focus {
    width: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input">

最佳答案

你这样做是不对的。

您将3000放置在函数中。移到外面

timer = setTimeout(function () {
        $('#input').focus(),
        3000;
       ^^^^^^^
    })


应该

timer = setTimeout(function () {
        $('#input').focus();
    },3000);


片段



var timer;

function focusTimer() {
    timer = setTimeout(function () {
        $('#input').focus();
        
    },3000)
}

$('#input').hover(function () {
    if (timer) {
        clearTimeout(timer);
    }
  
    focusTimer();
});

#input:focus {
    width: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input">

关于javascript - 延迟后使用jQuery将字段聚焦在悬停上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45810006/

相关文章:

javascript - jQuery如何在单击时切换引导工具提示文本

javascript - 在 Node Js中上传期间如何更改目录并重命名文件?

javascript - 添加字符串并输入选择值到url onchange和页面加载

javascript - HTTP请求后如何调用回调方法

jquery - jQuery .parent()类选择器

javascript - 无法在zend Framework 2中使用Ajax发布值

javascript - 有人可以告诉我为什么我的JQuery插件不起作用吗?我仔细地按照步骤进行

javascript - 如何使用JQuery将文本编码为html

javascript - Cufon加载但不显示

javascript - 如何使用JavaScript设置默认复选框状态?