technoduck/hugo-theme-stack-stars
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat(search): return results at typing

Browse source
This commit is contained in:
Jimmy Cai 2020-10-04 15:53:27 +02:00
parent 8aeb562bb3
commit 84a15e1604
No known key found for this signature in database
GPG key ID: 3EA408E527F37B18
1 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
assets/ts/search.tsx
View file

@ -63,7 +63,8 @@ const tagsToReplace = {
'&': '&',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;'
'"': '&quot;',
'…': '&hellip;'
};
function replaceTag(tag) {
@ -84,7 +85,7 @@ async function getData() {
return data;
}
function updateQueryString(keywords: string) {
function updateQueryString(keywords: string, replaceState = false) {
const pageURL = new URL(window.location.toString());
if (keywords === '') {
@ -94,7 +95,12 @@ function updateQueryString(keywords: string) {
pageURL.searchParams.set('keyword', keywords);
}
window.history.pushState('', '', pageURL.toString());
if (replaceState) {
window.history.replaceState('', '', pageURL.toString());
}
else {
window.history.pushState('', '', pageURL.toString());
}
}
function bindQueryStringChange() {
@ -118,11 +124,12 @@ function handleQueryString() {
function bindSearchForm() {
let lastSearch = '';
searchForm.addEventListener('submit', async (e) => {
const eventHandler = (e) => {
e.preventDefault();
const keywords = searchInput.value;
updateQueryString(keywords);
updateQueryString(keywords, true);
if (keywords === '') {
return clear();
@ -132,7 +139,10 @@ function bindSearchForm() {
lastSearch = keywords;
doSearch(keywords.split(' '));
})
}
searchInput.addEventListener('input', eventHandler);
searchInput.addEventListener('compositionend', eventHandler);
}
function clear() {