輸入字段上缺少第一個字母

Question

我使用這兩個幾乎相同的函數來捕獲輸入字段中的按鍵事件，並清除其中的標籤。但出於某種原因，我輸入的第一個字母不會出現在密碼字段中，而出現在用戶名字段中。這可能是什麼原因？

$("#username").keypress(function() 
{ 
    if($(this).hasClass("label")) 
    { 
    $(this).removeClass("label"); 
    $(this).val(""); 
    } 
}); 

$("#password").keypress(function() 
{ 
    if($(this).hasClass("label")) 
    { 
    $(this).removeClass("label"); 
    $(this).prop("type", "password"); 
    $(this).val(""); 
    } 
}); 

見這裏的例子：https://jsfiddle.net/c0qdj1u3/

Answer 1

下面的行導致錯誤：

$(this).prop("type", "password"); 

如果你開始的類型爲密碼，它工作正常。而不是設置值，請使用佔位符。請看下圖：

<input type="text" placeholder="Username" class="label" id="username"><br> 
<input type="password" placeholder="Password" class="label" id="password"> 

$("#username").keypress(function() 
{ 
    if($(this).hasClass("label")) 
    { 
    $(this).removeClass("label"); 
    $(this).val(""); 
    } 
}); 

$("#password").keypress(function() 
{ 
    if($(this).hasClass("label")) 
    { 
    $(this).removeClass("label"); 
    $(this).val(""); 
    } 
}); 

如果你必須在任何打字之前的文本框中某個值，請嘗試使用jQuery的佔位符插件。 https://github.com/mathiasbynens/jquery-placeholder