Skip searches when typing fast / slow cpu.
This commit is contained in:
@@ -42,8 +42,7 @@ $(function () {
|
|||||||
.show();
|
.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Search Items
|
function doSearch() {
|
||||||
$('#search').on('keyup', function (e) {
|
|
||||||
var value = $(this).val();
|
var value = $(this).val();
|
||||||
var $el = $('.navigation');
|
var $el = $('.navigation');
|
||||||
|
|
||||||
@@ -82,7 +81,22 @@ $(function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$el.find('.list').scrollTop(0);
|
$el.find('.list').scrollTop(0);
|
||||||
});
|
}
|
||||||
|
|
||||||
|
const searchInput = $('#search').get(0);
|
||||||
|
// Skip searches when typing fast.
|
||||||
|
let key;
|
||||||
|
function queueSearch() {
|
||||||
|
if (!key) {
|
||||||
|
key = setTimeout(function () {
|
||||||
|
doSearch.call(searchInput);
|
||||||
|
key = undefined;
|
||||||
|
}, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Search Items
|
||||||
|
searchInput.addEventListener('input', queueSearch);
|
||||||
|
|
||||||
// Toggle when click an item element
|
// Toggle when click an item element
|
||||||
$('.navigation').on('click', '.toggle', function (e) {
|
$('.navigation').on('click', '.toggle', function (e) {
|
||||||
|
|||||||
Reference in New Issue
Block a user