)blur
とfocusout
とfocus
とfocusin
の違いを教えてもらえますか?focusin/focusoutとfocus/blurの違い(例:
34
A
答えて
51
イベントバブル、focus
およびblur
イベントは発生しません。つまり、focusin
とfocusout
をフォームフィールドの親要素に使用できます。
HTML:
<div class="parent">
<input type="text" />
</div>
<div class="log"></div>
Javascriptを:
$('.parent')
.focusin(function(){log('div focusin');})
.focusout(function(){log('div focusout');})
.focus(function(){log('div focus');})
.blur(function(){log('div blur');});
$('input')
.focusin(function(){log('input focusin');})
.focusout(function(){log('input focusout');})
.focus(function(){log('input focus');})
.blur(function(){log('input blur');});
function log(str){
$('.log').append($('<div/>').text(str));
}
あなたがそれを実行すると、あなただけの入力は、すべてのイベントを取得し、親のみ取得することを見ますfocusin
およびfocusout
イベント。
10
フォーカスおよびブラーイベントは、ユーザーがフォーカスしている要素を追跡します。フォーカス可能な要素がフォーカス
ブラー
フォーカス可能な要素にフォーカス
とfocusInを失い火災や
focusoutを獲得
フォーカス
火災sで火災フォーカスとぼかしだが、気泡としての時間。このため
例えば
関連する問題
- 1. アプリケーション例外とシステム例外の違い
- 2. キャッチ(例外)とキャッチ(例外ex)の違い
- 3. 2つの例外の違い
- 4. GoogleのCodejamミルクセーキ例:間違い
- 5. チェックされていない例外(ex C#)とJava-esque例外との違いは何ですか?
- 6. 割り込みと例外コンテキストの違いは何ですか?
- 7. バグと例外の違いは何ですか?
- 8. 最初に間違っていた例
- 9. "コーディングインタビューのクラッキング"という本のシングルトンの例の間違い/質問?
- 10. 以下の例に基づいてクロス適用と内部結合の違い
- 11. 違いダウンケースとダウンケースの違い! Rubyで
- 12. Open GL ES - GLenumとGlintの違いとGLintとGLsizeiの違い
- 13. $ @と$の違い! perl
- 14. g ++との違い
- 15. "!"の違いと "。"オペレータ
- 16. AxWindowsMediaPlayerでフォームを閉じたときのアクセス違反の例外
- 17. BroadcastReceiverとインテントとの違い
- 18. Node.jsとtomcatとの違い
- 19. posix_memalignとmmapとの違い
- 20. とnewgemとの間違い
- 21. OAuth2とOmniauthとの違い
- 22. ルビのバージョン間の暗黙的な例外クラスの違い
- 23. c0000005 C++でJNIを使用しているときの例外(アクセス違反)
- 24. 違いとMVC
- 25. 違い>と=
- 26. Java - 例外をスローして例外をキャッチして再スローすることの違い
- 27. 弱いとunsafe_unretainedの違い
- 28. ローカルRデータフレームとSparkRデータフレームとRDDとの違いと相違
- 29. シンプルなマルチスレッドのミューテックスの例は間違ってい
- 30. MemberInitとのパフォーマンスの違い
感謝。 – user960567
2015年8月 - Firefoxはまだfocusin/focusout(https://developer.mozilla.org/en-US/docs/Web/Events/focusin)をサポートしていません。彼らはボールを落としました... –
@ArnaudLeyder:はい、まだFirefoxでは実装されていませんが、jQueryはそれをエミュレートします。 – Guffa