HTML

<div class="seachbox">
    <input type="text" name="seach-text" id="seach-text">
</div>

Javascript:

function delay(callback, ms) {
  var timer = 0;
  return function () {
    var context = this,
      args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      callback.apply(context, args);
    }, ms || 0);
  };
}

$('#seach-text').keyup(
  delay(function (e) {
    console.log('Time elapsed!', this.value);
  }, 500)
);

 

Bài viết liên quan

post-no-image

Jquery ngăn không cho ô input type number nhập ký tự không hợp lệ

post-no-image

Hướng dẫn làm phần compare products trong Woocommerce

post-no-image

Loadmore product woocommerce infinity scroll

post-no-image

Add the Meta Box Upload Multiple Images and multiple metabox

post-no-image

Add the Meta Box Repeat

post-no-image

Thêm VS Code snippets