javascript - JS如何判断用户连续输入完？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

三种方案：

如果用户输入的内容是是固定长度的文本，比如说手机号码、身份证号码等等，则用keyup()事件监听input中内容length的变化，一旦达到临界值，就表示输入完成，自动提交

<input type='text' id='test'>
<script type="text/javascript">
var obj=document.getElementById("test");
obj.onkeyup=function(){
    if(obj.value.length>=XX){
        //code 向后台提交
    }
}
</script>

监听focus事件，当失去focus时提交(这是我最常用的)
如一楼，做延时处理，你的条件是用户连续输入，当监听到用户在2s之内没有输入时，提交

如果还有更好的方案，请立即通知我！

赞 +0

添加回复

天蓬老师2017-04-10 15:58:05 11楼

本身没有这样的事件吧，你可以考虑做个延时处理，比如延时1s，每次有输入重置计时器

赞 +0

添加回复

PHP中文网2017-04-10 15:58:05 10楼

通过keyUp事件和时间戳来判断吧

赞 +0

添加回复

大家讲道理2017-04-10 15:58:05 9楼

监听Enter事件或focus事件

赞 +0

添加回复

天蓬老师2017-04-10 15:58:05 8楼

可以用一个debounce方法，做空闲时间的间隔控制，是空闲时间必须大于或等于一定值（wait）的时候，才会执行调用方法。
用法参考
var lazyLayout = _.debounce(calculateLayout, 300);
$(window).resize(lazyLayout);

赞 +0

添加回复

PHPz2017-04-10 15:58:05 7楼

关键词：函数节流

赞 +0

添加回复

怪我咯2017-04-10 15:58:05 6楼

两种方式，判断用户输入停顿多长时间后才触发；用户每次按下键盘时带入当前时间与方法体内已获取的时间做比对，超过某一间隔及触发，如150毫秒。
这两种都是在一个定时器循环里做

赞 +0

添加回复

巴扎黑2017-04-10 15:58:05 5楼

//失去焦点时触发
$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

赞 +0

添加回复

阿神2017-04-10 15:58:05 4楼

使用间隔时间和离开焦点

赞 +0

添加回复

黄舟2017-04-10 15:58:05 3楼

keyup的时候，在回调函数内用setTimeout生成一个事件队列,你的返回在这setTimeout函数中执行,如果用户连续输入时在keyup监听时候清除掉该队列。
var queue;

input.on('keyup', function (e) {

clearTimeout(queue);
queue = setTimeout(function () {//这里返回}, 1000)；

});

输入过程我认为就是一段时间内没有停顿。。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>