' + escapeHtml(snippet(result.text, query)) + '
'; + return '' + highlight(result.title, terms) + + '' + escapeHtml(result.page) + '' + highlight(snippet(result.text, terms), terms) + '
'; }).join(''); + markCurrent(); }).catch(function () { if (request === sequence) status.textContent = '搜索暂时不可用，请稍后重试。'; }); } input.addEventListener('focus', function () { loadIndex().catch(function () {}); }); input.addEventListener('input', function () { clearTimeout(timer); timer = setTimeout(update, 140); }); + // 当前选中的结果：焦点一直在输入框里，可以接着修改搜索词 + var active = -1, lastTerms = []; + function options() { return Array.from(panel.querySelectorAll('.matching-post')); } + function setActive(i) { + var list = options(); + active = list.length ? Math.max(-1, Math.min(i, list.length - 1)) : -1; + list.forEach(function (link, j) { link.setAttribute('aria-selected', String(j === active)); }); + if (active >= 0) { + input.setAttribute('aria-activedescendant', list[active].id); + list[active].scrollIntoView({ block: 'nearest' }); + } else { + input.removeAttribute('aria-activedescendant'); + } + } input.addEventListener('keydown', function (event) { if (event.isComposing || event.keyCode === 229) return; - if (event.key === 'Escape') { input.value = ''; update(); } - var first = panel.querySelector('a'); - if (first && event.key === 'ArrowDown') { event.preventDefault(); first.focus(); } - if (first && event.key === 'Enter') { event.preventDefault(); first.click(); } + var list = options(); + if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { + if (!list.length) return; + event.preventDefault(); + var step = event.key === 'ArrowDown' ? 1 : -1; + setActive(active === -1 && step < 0 ? list.length - 1 : active + step >= list.length ? 0 : active + step); + } else if (event.key === 'Enter') { + // 结果还没出来时（输入后 140ms 内）先搜一次，再打开第一条 + if (!list.length && input.value.trim()) { clearTimeout(timer); update(); return; } + if (!list.length) return; + event.preventDefault(); + (list[active] || list[0]).click(); + } else if (event.key === 'Escape') { + event.preventDefault(); + if (active >= 0) setActive(-1); + else if (input.value) { input.value = ''; update(); } + else input.blur(); + } }); + panel.addEventListener('mousemove', function (event) { + var link = event.target.closest('.matching-post'); + if (link) { var i = options().indexOf(link); if (i !== active) setActive(i); } + }); + // ⌘K / Ctrl+K 在任何地方聚焦搜索框（手机上同时打开侧边栏） + document.addEventListener('keydown', function (event) { + if (event.key !== 'k' && event.key !== 'K' || !(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) return; + event.preventDefault(); + document.body.classList.toggle('close', window.matchMedia('(max-width: 768px)').matches); + input.focus(); + input.select(); + }); + // 搜索结果在跳转后保留，方便接着看下一条；当前所在的小节标为 aria-current + function markCurrent() { + var here = decodeURIComponent(location.hash); + panel.querySelectorAll('.matching-post').forEach(function (link) { + var same = decodeURIComponent(link.getAttribute('href').slice(1)) === here; + if (same) link.setAttribute('aria-current', 'location'); else link.removeAttribute('aria-current'); + }); + } + window.addEventListener('hashchange', markCurrent); panel.addEventListener('click', function (event) { - if (event.target.closest('a') && window.matchMedia('(max-width: 768px)').matches) { + var link = event.target.closest('a'); + if (link) { + try { sessionStorage.setItem('cs-notes-search-hit', JSON.stringify({ href: link.getAttribute('href'), terms: lastTerms, time: Date.now() })); } catch (error) {} + setTimeout(markHits, 60); + } + if (link && window.matchMedia('(max-width: 768px)').matches) { document.body.classList.remove('close'); } }); } + var HIT_SKIP = /^(PRE|CODE|SCRIPT|STYLE|MARK|BUTTON|SVG)$/; + function clearHits() { + document.querySelectorAll('mark.search-hit').forEach(function (mark) { + mark.replaceWith(document.createTextNode(mark.textContent)); + }); + } + function markHits() { + var saved; + try { saved = JSON.parse(sessionStorage.getItem('cs-notes-search-hit')); } catch (error) { return; } + if (!saved || Date.now() - saved.time > 30000) return; + var hash = decodeURIComponent(location.hash), href = decodeURIComponent(saved.href.replace(/^\//, '')); + if (hash !== href) return; + sessionStorage.removeItem('cs-notes-search-hit'); + clearHits(); + var id = new URLSearchParams(href.split('?').slice(1).join('?')).get('id'); + var heading = id && document.getElementById(id), section = document.querySelector('.markdown-section'); + if (!section || !saved.terms || !saved.terms.length) return; + var level = heading && /^H([1-6])$/.test(heading.tagName) ? Number(heading.tagName[1]) : 0; + var nodes = [], node = heading || section.firstElementChild; + for (; node; node = node.nextElementSibling) { + if (node !== heading && /^H[1-6]$/.test(node.tagName) && Number(node.tagName[1]) <= level) break; + nodes.push(node); + } + var terms = saved.terms.filter(Boolean).sort(function (a, b) { return b.length - a.length; }); + var pattern = new RegExp('(' + terms.map(function (term) { return term.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }).join('|') + ')', 'gi'); + var count = 0; + nodes.forEach(function (block) { + var walker = document.createTreeWalker(block, NodeFilter.SHOW_TEXT, { + acceptNode: function (text) { + for (var p = text.parentNode; p && p !== block.parentNode; p = p.parentNode) if (HIT_SKIP.test(p.nodeName.toUpperCase())) return NodeFilter.FILTER_REJECT; + return NodeFilter.FILTER_ACCEPT; + } + }); + var texts = []; + while (walker.nextNode()) texts.push(walker.currentNode); + texts.forEach(function (text) { + var parts = text.nodeValue.split(pattern); + if (parts.length < 2 || count > 60) return; + var fragment = document.createDocumentFragment(); + parts.forEach(function (part, i) { + if (!part) return; + if (i % 2) { var mark = document.createElement('mark'); mark.className = 'search-hit'; mark.textContent = part; fragment.appendChild(mark); count++; } + else fragment.appendChild(document.createTextNode(part)); + }); + text.replaceWith(fragment); + }); + }); + if (heading) { + heading.classList.remove('jump-target'); + void heading.offsetWidth; + heading.classList.add('jump-target'); + } + } + window.$docsify.plugins.push(function (hook) { hook.mounted(mountSearch); hook.doneEach(mountSearch); + hook.doneEach(function () { setTimeout(markHits, 0); }); }); })();