問題タブ [onblur]

入力フォームにテキストをグレー表示できるようにするコードをいくつか書きました。ユーザーがそれにフォーカスすると、テキストが消えてグレー表示されなくなります。

これはほとんどのページで機能しますが、何らかの理由で onfocus と onblur がまったく機能しないページがあります。たとえば、onclick に変更しても問題は発生しません。

他に試せることはありますか？:(私はJQueryを使用していますが、それを削除してもまったく影響がないようです。

乾杯

ポップアップ div があり、ユーザーが div の外をクリックしたときに非表示にしたいと考えています。div内に、チェックボックスがあります...

問題は、チェックボックスをクリックしようとすると、div の onblur イベントが発生することです。チェックボックスのonclickにcancelEventBubbleコードを配置しましたが、チェックボックスのonclickイベントの前にonblurが発生します...

アイデアや提案はありますか？これはとても簡単に思えますが、それほど単純ではありません...

よろしく、 アルバート

フォーム検証スクリプトを作成していて、onblurイベントが発生したときに特定のフィールドを検証したいと思います。また、イベントバブリングを使用したいので、個々のフォームフィールドにonblurイベントを添付する必要はありません。残念ながら、onblurイベントはバブルしません。同じ効果を生み出すことができるエレガントなソリューションを誰かが知っているかどうか疑問に思っています。

私は現在、バージョン 6 までの IE を含むすべてのブラウザーと互換性がなければならない Web サイトを作成しています。

特にこれら 2 つのイベントの互換性の問題について疑問に思っていまし<input>たtype='text'。

• OnBlur
• 変更時

検索すると、さまざまな回答と不完全なリストが見つかりました。

具体的には、質問は次のとおりです。

• 上記の 2 つのイベントに関する既知の問題はありますか (他の HTML イベントに拡張される可能性があります)?
• もしそうなら、これらの問題を回避するためにどのような方法を使用できますか?

どんな助けでも大歓迎です:)

上記のコードがすべきことは、フォーカスされたときに #username 入力フィールドの値を空にし、まだ空の場合にフォーカスを失ったときにユーザーフレンドリーな「ユーザー名」を入力することです。

ただし、2 番目の部分は機能しません (使用している if 条件に問題があると思いますか?)。

いくつかのラジオ ボタンを含む HTML フォームがあります。最初のいくつかは通常のラジオですが、最後のものはテキスト ボックスに関連付けられています。テキストボックスを使用して値を提供せずに「その他」を選択したときにユーザーに警告するために、JavaScript 検証を実行したいと思います。

機能的な HTML + JS は以下にリンクされていますが、HTML の大まかな概要は次のとおりです。

その他のラジオがチェックされているときにテキスト ボックスにフォーカスするための JavaScript がいくつかあり、その逆も同様です。

問題

検証を希望どおりに機能させるために、どのイベントにフックすればよいかわかりません。

私が問題を抱えているテストケース:

1. この一連のアクションで警告が表示されることはありません。
   1. Foo ラジオが選択された状態で開始し、テキストボックスにテキストはありません。
   2. テキスト ボックスにフォーカスを与えます (たとえば、クリックします)。その他のラジオは自動的にチェックされます。
   3. Fooラジオを選択
2. ステップ 3 を実行すると、最初に警告が表示されます。
   1. Foo ラジオが選択された状態で開始し、テキストボックスにテキストはありません。
   2. テキスト ボックスにフォーカスを与えます (たとえば、クリックします)。その他のラジオは自動的にチェックされます。
   3. テキスト ボックスに入力せずに、フォームの残りの部分に進みます (つまり、他の何かにフォーカスを移します)。

私が試したこと

1. テキスト ボックスのblur (またはchange ) イベントの検証。ケース 1 のステップ 3 で警告が点滅します。これは、Foo ラジオが選択される前にぼかしが発生するためです。

2. ul のblurイベントの検証: 1 つもありません。

3. テキスト ボックスのblurイベントに、ドキュメントのmouseupイベントのハンドラーを追加します。マウスアップで、ハンドラーを検証して削除します。これは、ケース 2 のステップ 3 でフォーカスが失われた原因が別の場所をクリックした場合に機能します。フォーカスの喪失がキーボードによって引き起こされた場合、またはタブでウィンドウから離れた場合には機能しません。または、複数のマウス クリックが時間的に重なる場合。これらを修正すると、物事が非常に複雑になるようです。

4. テキスト ボックスのblursetIntervalを処理し、検証を呼び出すために使用します。遅延に適した値が見つかりません。短すぎると、マウスのクリックが遅いとちらつきが発生することを意味し、長すぎると、検証がぼやけの原因となったアクションに関連付けられていないように見えることを意味します。

divに基づく特定のポップアップを非表示にするのに問題があります。私がそれらのdivの外側をクリックすると、それらは隠されません。これが私がしているサンプルコードです。

ドロップダウンのように機能するdivがあります。そのため、ボタンをクリックするとポップアップし、この大きなリストをスクロールできます。したがって、divには垂直スクロールバーがあります。divの外側、つまりぼかしをクリックすると、divが消えるはずです。

問題は、ユーザーがdivのスクロールバーをクリックすると、IEが誤ってonblurイベントを発生させるのに対し、Firefoxは発生しないことです。Firefoxはまだスクロールバーをdivの一部として扱っていると思いますが、これは正しいと思います。IEが同じように動作するようにしたいだけです。

私はまだ ajax と JavaScript に慣れていないので、おそらく非常に基本的で前もって何かが欠けていたことをお詫びします。

フォーム onblur を送信しようとしています。関数を正しく呼び出していますが、フォームから変数を参照する方法がわかりません。フォームから移動すると、Firebug で addNotes.php ファイルを呼び出していることがわかりますが、変数が渡されていません。

JavaScript は次のとおりです。

HTMLは次のとおりです。