Baidu入力ボックスのスマートprompt_javascriptスキルを模倣するjsコード

>

コードをコピーするときは、jquery を忘れずに持っていきましょう。そうしないと、間違えたときにまたお母さんを叱らなければなりません...


主なアイデアについて話しましょう。

まず、データを js 配列に作成し、次に配列を走査し、データごとに div を生成し、それを auto_div div に追加します。また、マウスをハイライトの上に移動し、ハイライトから遠ざけるように設定します。通常に戻り、クリックします。Web ページ上でマウスをクリックするとテキスト ボックスが自動的に入力され、Web ページ上でマウスをクリックするとリスト ボックスが消えます。もちろん、注意すべき詳細は他にもあります。 , ここで紹介するのはほんの一例です。テキスト ボックス内のテキストが変更されたときに AutoComplete イベントをトリガーするにはどうすればよいですか?変更時に使用しますか?違います。onchange はテキスト ボックスがカーソルを失ったときにトリガーされるため、keyup イベントを使用することをお勧めします。

他に言うことはありませんが、コードを理解するのは難しくなく、原理も非常にシンプルです。強調しておきたいのは、この種のスマート プロンプト機能では、テキスト ボックス内のテキストが変更されたときに、データベースをチェックして返されたデータをリストする初心者がいるかもしれませんが、これは良くありません。これは確かに実現可能なので、彼が間違っているとは言いませんが、テキストが変更されるたびにデータベースがチェックされ、何かが必要になるたびに尋ねなければならないかのように、サーバーに多大な負担がかかります。それらを一度にすべて私に与えてください。そうすれば、私は私が望むものを選ぶことができます。もちろん、すべてのデータには 2 つの側面があります。すべてのデータを一度にチェックアウトするとメモリが消費されます。これは、ほとんどの状況ではビッグ データではないため、この方法はお勧めできません。