QuickSearch
スペース区切り全順列でインクリメンタル検索できるScrapboxの部品
曖昧検索もできるので、正確に覚えてなくても探せる
実装
3つの検索を組み合わせている
taberarelooのような正規表現による歯抜けマッチング
asearchによる曖昧検索
array-permutation-simpleでスペース区切りでの全順列マッチング
その辞書はリアルタイムに、他人がページ作成した等のイベントにあわせて更新している
UIはただaタグを積み上げているだけ
ブラウザは、一度aタグをfocusすれば、上下キーを押すだけで隣のaタグにfocusを移動してくれる
WAI-ARIAのrole属性のおかげかもしれない
enterキーを押したらリンク先に移動してくれる
全部ブラウザがやってくれる
text inputから先頭のaタグに移動する部分だけ、自分で実装すれば良い
keydownイベントを見て、下キーを押したら先頭のaタグに
focus() するリンク記法の補完も、ほぼ共通の検索を使っている
UIは別だが