§09-10Forms
Mention picker
@ の入力で候補を出し相手を選ぶ。
名前の一部を打つだけで正しい相手を選べ、表記ミスで通知が届かないことを防ぐ。コメントやチャットの入力欄に組み込む。
実装のポイント
キャレット直前の「@語」を正規表現で検出し、候補を上下キーで選んで Enter で置換する。確定後は表示名ではなくユーザー ID を本文データに埋め込む。
- 特徴
- キーボード操作
- フォーム
- デモで使っているもの
- requestAnimationFrame
§09-10Forms
@ の入力で候補を出し相手を選ぶ。
名前の一部を打つだけで正しい相手を選べ、表記ミスで通知が届かないことを防ぐ。コメントやチャットの入力欄に組み込む。
キャレット直前の「@語」を正規表現で検出し、候補を上下キーで選んで Enter で置換する。確定後は表示名ではなくユーザー ID を本文データに埋め込む。