為什么jquery要設計focusin和focusout受冒泡影響呢?好處是什么?
為什么jquery要設計focusin和focusout受冒泡影響呢?好處是什么?相比之下blur與focus不受冒泡影響不是更方便嗎?
weibo_一萬群什麼_0
2016-07-18
4 回答
舉報
0/150
提交
取消
2016-08-10
focus事件本身是不冒泡的，但是focusin可以，動態添加元素時，就不需重新綁定焦點事件，通過冒泡就能觸發。即只要在父元素上添加focusin事件就相當于在子元素被點擊時觸發子元素的focus事件。
2016-10-07
補充點。樓上說的這個好處呢，可以體現為性能的優化，假如沒有事件的冒泡，你要處理子對象就要一個一個的去建立對象，當它可以在父類處理時，就只要一個對象就行了。不僅節約了內存，減少了對象的創建還減少了內存的處理時間?！秊s高級教程》可以看看
2016-07-19
focusin當一個元素，或者其內部任何一個元素獲得焦點的時候會觸發這個事件。這跟focus事件區別在于，他可以在父元素上檢測子元素獲取焦點的情況。例如：
<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>jQuery 代碼:
$("p").focusin(function() {
? $(this).find("span").css('display','inline').fadeOut(1000);
});
focusout(fn)當一個元素，或者其內部任何一個元素失去焦點的時候會觸發這個事件。這跟blur事件區別在于，他可以在父元素上檢測子元素失去焦點的情況。
2016-07-18
這就是focusin的好處之一，可以讓父元素檢測到子元素獲取焦點的情況。比如
HTML 代碼:
<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>
? ? ?
jQuery 代碼:
$("p").focusin(function() {
?$(this).find("span").css('display','inline').fadeOut(1000);
});