為什么jquery要設(shè)計focusin和focusout受冒泡影響呢?好處是什么?
為什么jquery要設(shè)計focusin和focusout受冒泡影響呢?好處是什么?相比之下blur與focus不受冒泡影響不是更方便嗎?
weibo_一萬群什麼_0
2016-07-18
4 回答
舉報
0/150
提交
取消
2016-08-10
focus事件本身是不冒泡的，但是focusin可以，動態(tài)添加元素時，就不需重新綁定焦點事件，通過冒泡就能觸發(fā)。即只要在父元素上添加focusin事件就相當(dāng)于在子元素被點擊時觸發(fā)子元素的focus事件。
2016-10-07
補充點。樓上說的這個好處呢，可以體現(xiàn)為性能的優(yōu)化，假如沒有事件的冒泡，你要處理子對象就要一個一個的去建立對象，當(dāng)它可以在父類處理時，就只要一個對象就行了。不僅節(jié)約了內(nèi)存，減少了對象的創(chuàng)建還減少了內(nèi)存的處理時間。《js高級教程》可以看看
2016-07-19
focusin當(dāng)一個元素，或者其內(nèi)部任何一個元素獲得焦點的時候會觸發(fā)這個事件。這跟focus事件區(qū)別在于，他可以在父元素上檢測子元素獲取焦點的情況。例如：
<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)當(dāng)一個元素，或者其內(nèi)部任何一個元素失去焦點的時候會觸發(fā)這個事件。這跟blur事件區(qū)別在于，他可以在父元素上檢測子元素失去焦點的情況。
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);
});