文本框输入值后延迟触发

- 日理万妓 2021-10-08 06:28 362阅读 0赞

目的：当我在输入框输入内容的时候，就进行ajax搜索。现在是每次输入一个就搜索，输入1就搜索一次；输入12，就搜索了两次。就我想延迟0.5执行，这样 如果在0.5内输入12的时候就ajax只请求一次，减小了服务器的压力。

<div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">
            计划生产数量(件)
        </label>
        <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="scheduledProducedUnits" name="scheduledProducedUnits"
            class="form-control col-md-7 col-xs-12">
        </div>
    </div>

function orChange() {
        $("#resultTipInfo").removeAttr('disabled'); //改变订单后应该进结果提示按钮取消禁用
        machListTip();
        var num = $("#scheduledProducedUnits").val();
    
    
        if (unitScheduledProducedUnits != num && num != "" && !isNaN(num) && num > 0) { //初始化计划生产数量的值和改变后计划生产数量的值不相等则需要调用
            url_scheduling = '/fudaMes/machInfo/listAllMachInfoInChoseMach?type=auto'tableListData.ajax.url(url_scheduling).load();
        } else {
            new PNotify({
                text: '计划生产数量必须是数字且必须大于零',
                type: 'error',
                styling: 'bootstrap3'
            });
            $('#machineNoList').hide();
        }
        unitScheduledProducedUnits = num
    }
    
    
    var last; //全局变量
    $("#scheduledProducedUnits").keyup(function(event) {
        last = event.timeStamp;
        setTimeout(function() { //利用event的timeStamp来标记时间，这样每次的keyup事件都会修改last的值，注意last必需为全局变量
            if (last - event.timeStamp == 0) { //如果时间差为0（也就是你停止输入0.5s之内都没有其它的keyup事件发生）则做你想要做的事
                orChange(); //根据自己的需要进行校验
            }
        },
        500)
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，362人围观）

还没有评论，来说两句吧...

相关阅读

相关在文本输入框输入后Enter回车触发事件

第一种情况：普通的text文本 <%@ page language="java" contentType="text/html; charset=UTF-8"...

女爷i/ 2024年04月18日 21:22/ 0 赞/ 91 阅读

相关 input 输入完+值改变触发方法

使用属性oninput+onporpertychange即可控制 <input id="checkScore" type="text" oninput="checkS

末蓝、/ 2023年10月07日 10:32/ 0 赞/ 15 阅读

相关输入文本框，焦点自动跳转下一个文本框

![Center][] $(".yhjuan").keydown(function(event)\{ var num=event.keyCode;

绝地灬酷狼/ 2022年09月21日 11:38/ 0 赞/ 193 阅读

相关 jquery中监控input文本框值的变化触发函数

在项目开发中我们经常需要监控文本框中值的变化去执行一个相对应的函数，比如说动态查询，文本框中值变化后自动调用ajax进行动态的查询。 <input id="searc

秒速五厘米/ 2022年08月18日 11:52/ 0 赞/ 237 阅读

相关自动检索文本框内容触发事件

$("\event\_search").bind("input propertychange",function()\{ if($(this).val()==und

た入场券/ 2022年07月24日 13:04/ 0 赞/ 275 阅读

相关【JavaScript】——限制文本框输入内容

这几天，项目开始走测试流程了，组长让我们都把做过的功能的细节方面，完善一下。限制文本框输入长度啊，弹出框样式啊。然后，就开始了漫长补洞的时间。项

女爷i/ 2022年07月19日 11:53/ 0 赞/ 307 阅读

相关限制文本框只能输入数字

> input标签 > > onkeyup 事件会在键盘按键被松开时发生。 > οnkeyup="this.value=this.value.replace(/\

淡淡的烟草味﹌/ 2022年03月19日 03:22/ 0 赞/ 355 阅读

相关关于超过文本框限定字数后，不让输入的问题

对此问题，一般是用maxlength属性来限制输入的字数，但由于我还有个需求是：显示剩余可输入字数，故需用到js。先是参考了该博客：[JavaScript监控输入框字数变化

向右看齐/ 2022年01月21日 10:45/ 0 赞/ 630 阅读

相关文本框输入值后延迟触发

目的：当我在输入框输入内容的时候，就进行ajax搜索。现在是每次输入一个就搜索，输入1就搜索一次；输入12，就搜索了两次。就我想延迟0.5执行，这样如果在0.5内输入12的时

- 日理万妓/ 2021年10月08日 06:28/ 0 赞/ 363 阅读

相关 jQuery监听文本框值改变触发事件（propertychange）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Dear 丶/ 2021年07月24日 17:06/ 0 赞/ 531 阅读