jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了延迟jQuery中的按键之间的动作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何延迟jQuery中的按键之间的操作。
例如;

我有这样的东西

if($(this).val().length > 1){
   $.post("stuff.PHP",{nStr: "" + $(this).val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
 });
}

我想防止发布数据,如果用户不断打字。那么如何能给出0.5秒的延迟?

解决方法

你可以使用jQuery的数据能力来做到这一点,像这样:
$('#mySearch').keyup(function() {
  clearTimeout($.data(this,'timer'));
  var wait = setTimeout(search,500);
  $(this).data('timer',wait);
});

function search() {
  $.post("stuff.PHP",{nStr: "" + $('#mySearch').val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
  });
}

这里的主要优点是没有全局变量,如果你想的话,你可以将它包装在setTimeout中的一个匿名函数,只是试图使示例尽可能干净。

大佬总结

以上是大佬教程为你收集整理的延迟jQuery中的按键之间的动作全部内容,希望文章能够帮你解决延迟jQuery中的按键之间的动作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。