私は主にバックエンド開発者です。そして、javascriptは非常に新しいものです。ですから、私のばかげた質問はご容赦ください。ただし、ユーザーがテキストフィールドに「@」と入力したときにオートコンプリートをトリガーする方法はありますか。ツイッターのように。
4 に答える
ストレートJavaScriptを使用している場合は、onkeyupをご覧ください。jQueryを使用している場合は、keyupを試してください。
そこから、ユーザーが「@」を入力したかどうかを確認してから、オートコンプリートを作成できます。
あなたのために2つの答えを得ました:
このブログ投稿には必要なものがあると思います: Facebook、Twitter、Google + Githubリポジトリなどのトリガーされた@メンションオートコンプリート: https ://github.com/Hawkers/triggeredAutocomplete
あなたはhttp://complete-ly.appspot.comでそれを簡単に行うことができます
次のように関数onTextChangeをオーバーライドするだけです。
function onTextChange(text) {
if (text.lastIndexOf('@') == text.length-1) { // ends with...
// set the options, possibly change the text...
}
}
この目的のためにMeteorパッケージを作成しました。Meteorのデータモデルは、カスタムレンダリングされたリストを使用した高速マルチルール検索を可能にします。WebアプリにMeteorを使用していない場合、(私は信じていますが)残念ながら、オートコンプリートにこれほど素晴らしいものは見つかりません。
でユーザーを自動補完します@
。オンラインユーザーは緑色で表示されます。
!
同じ行で、メタデータとブートストラップアイコンを使用して他の何かを自動補完します。
フォーク、プル、および改善: