如何委派焦點事件？

Question

可能重複：
Focus and blur jQuery events not bubbling

var default_input_value = null; 
jQuery('body').on('focus focusout', 'input[type="text"]', function(event){ 
    if(event.type === 'focus'){ 
     default_input_value = jQuery(this).val(); 
     jQuery(this).val(''); 
    }else if(event.type === 'focusout') 
     if(jQuery(this).val().length === 0) 
     jQuery(this).val(default_input_value); 
    } 
); 

該代碼根本不響應事件。 P.S. 會有input[type="text"]，因爲jQuery focus也激發在某些情況下checkbox重要的是....

Answer 1

在.on() jQuery的文件，有一個說明：

的focus和blur事件由指定W3C不會冒泡，但是jQuery定義了跨瀏覽器focusin和focusout的事件。當focus和blur用於附加委派的事件處理程序時，jQuery映射名稱並分別將其作爲focusin和focusout傳遞。爲了保持一致性和清晰度，請使用冒泡事件類型名稱。

希望這會有用。

你還可以試試下面的代碼：對`

var default_input_value = null; 
jQuery('body').on('focusin focusout', 'input[type="text"]', function(event){ 
    if(event.type === 'focusin'){ 
     default_input_value = jQuery(this).val(); 
     jQuery(this).val(''); 
    }else if(event.type === 'focusout'){ 
     if(jQuery(this).val().length === 0) 
     jQuery(this).val(default_input_value); 
    } 
});