jQuery的：焦點/模糊的事件不輸入更換後工作

Question

我有一個具有以下屬性的簡單的輸入元素：

<input id="InputPassword" type="password" value="Password" class="initClass"/> 

爲了建立一個跨瀏覽器的佔位符，這我用testFocusBlur功能

function testFocusBlur(){ 
$('input').focus(function() { 
    if($(this).attr('type')=='text'){ 
     var campoPassword=$(this); 
     replaceInputType(campoPassword[0], 'password') 
    } 
}).blur(function() { 
    if($(this).attr('type')=='password'){ 
    var campoPassword=$(this); 
    replaceInputType(campoPassword[0], 'text') 
    } 
}); 
$('input').blur(); 

}

其中，在$（文件）。就緒事件：

1. 在輸入元素上調用blur事件;
2. if type = password調用replaceInputType javascript函數;
3. replaceInputType函數創建了一個新的DOM輸入元件，設置類型=文本它，獲得舊輸入元素的屬性以及改變從initClass到的NewClass類;
4. 新的輸入要素追加到同一div

上述工作正常，但是，一旦新的輸入元素設置的，我專注於它，初始testFocusBlur功能不工作了

看到：http://jsfiddle.net/4tRzs/2/

注：我不想設置在輸入一個內聯函數，如聚焦狀態=「....」

請幫幫忙，謝謝。

Answer 1

您需要使用on功能從jQuery的

$(document).on("focus" , "input", function(){ 
    ... 
} 

on是老live功能。 documentation

你有這樣的事情在你的函數：

function testFocusBlur(){ 
$(document).on("focus", 'input', function() { 
    if($(this).attr('type')=='text'){ 
     var campoPassword=$(this); 
     replaceInputType(campoPassword[0], 'password') 
    } 
}) 
$(document).on("blur", "input", function() { 
    if($(this).attr('type')=='password'){ 
    var campoPassword=$(this); 
    replaceInputType(campoPassword[0], 'text') 
    } 
}); 
}