問題タブ [focusout]

キーダウンとフォーカスアウトメソッドを単一のjspで実装しようとしています..次の要件を満たす必要があります..

要件：

1. (keyDown) > ユーザーがテキスト ボックスに「4 つ以上の文字」(つまり製品名) を入力すると、ポップアップ ウィンドウが開き、テキスト ボックスに入力した関連製品名を表示する必要があります。

2. (フォーカスアウト) > ユーザーが正確な製品名 (7 文字または 8 文字の場合があります) を入力してフォーカスアウトを行うと、正確な製品名を取得する必要があります..

だから私はこの2つのことを実装し、以下の私のコードを見てください..

直面した問題

• 正確な製品名 (6 文字または 7 文字) を入力しようとすると、4 文字を超えているため、キーダウンが呼び出されます..

では、どうすればこれらのことを克服できますか..この2つの要件は一度に満たすことができますか?

この問題から私を助けてください

focusout イベントを持つフォームテキストボックスがあります。テキストボックスがフォーカスを失うと、確認ボックスがポップアップし、「OK」または「キャンセル」を求めます。

ユーザーが [OK] をクリックすると、フォームが送信されます。これを達成するにはどうすればよいですか？

私はこれを試しましたが、運がありません:

お知らせ下さい。

私は ajax と jquery でライブ データを検証しようとしています。私の ajax 関数は 2 秒ごとにデータを返すので、フォーカスアウトにタイムアウトを追加したいと思います。

プランク: http://plnkr.co/edit/iPIW1AvQUrThidzA3bw9?p=preview

要件は、ユーザーが入力フィールドに入力を開始したときにのみ表示される複数の自動提案入力ボックスを作成することです。入力ボックスから値をクリックすると、その入力に選択した値が入力され、自動提案が非表示になります。私が書いたコードはここまで動作します。

また、ユーザーが入力を開始したときに自動提案ボックスを非表示にしてから、フォーカスを別の入力ボックスに変更しようとしています。そのために実装focusout()すると、提案ドロップダウンをクリックしても機能しません。

どんな助けでも大歓迎です！

入力とラベルをラップする div に .active クラスをアタッチしています。

私の問題は、要素がラップされた DIV 内でクリックされたときにフォーカスアウトが発生し、これがスタイリングのわずかなちらつきの原因となっていることです。

例を次に示します: http://jsbin.com/mamacogimo/1/edit?html,js,output - ドロップダウンからラベルと項目をクリックします。青い背景がちらつくことがわかります。

ちらつきを防ぐ方法はありますか？

フォーカスが完全に失われたときにフォームをフェードアウトさせるにはどうすればよいですか? 別の言い方をすれば、ある入力から別の入力にフォーカスが移動したときにフォームがフェードしないようにするにはどうすればよいでしょうか?

私の失敗したアプローチは次のとおりです。

フォーカスのある入力の数をカウントする if ステートメントを追加することに結び付けましたが、新しいフォーカスが設定される前に lostfocus が発生するため、何のメリットもありません。

Slicknav モバイル メニュー スクリプトを使用しています: http://slicknav.com/

そして、iOSデバイスのメニューの外側をクリックしたときに閉じる方法がわからないことを除けば、うまく機能しています。デスクトップとAndroidでテストすると、外側をクリックすると正常に閉じますが、iPadでは機能しません。これが現在のコードです。洞察はありますか？ありがとうございました！