实时输入框的请求服务器简单优化

最新推荐文章于 2022-02-23 13:44:54 发布

ob杨

最新推荐文章于 2022-02-23 13:44:54 发布

阅读量184

点赞数

分类专栏： js和jq 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_40828023/article/details/111355804

版权

js和jq 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

var isInputZh = false;
$("#searchPut").on('compositionstart', function (e) {
    isInputZh = true;
});
$("#searchPut").on('compositionend', function (e) {
    isInputZh = false;
    var thisTxt = $(this).val();
    $('.strTotal').html(thisTxt.length + '/40');
    thisTxt = $.trim(thisTxt);
    searchCompanyList(thisTxt);         
});
$("#searchPut").on('input propertychange', function (e) {
    if (isInputZh) return;
	   var thisTxt = $(this).val();
	   $('.strTotal').html(thisTxt.length + '/40');
	   thisTxt = $.trim(thisTxt);
	   searchCompanyList(thisTxt);
}); 
实时输入框的请求服务器简单优化
inputSetTimeOut
if (inputSetTimeOut) { //如果有已经输入了值，就清到原有延时器，
       clearTimeout(inputSetTimeOut)
       inputSetTimeOut = null;
   };
   inputSetTimeOut = setTimeout(function () {
       dataSource.getData(val);
       clearTimeout(inputSetTimeOut);
       inputSetTimeOut = null;
   },300)