顯示它們的默認值，並允許它們按下轉義或Ctrl-Z

Question

我有一個表格單元格，當用戶單擊它時，我用當前內容替換表格單元格的內容，當前內容爲默認。 但我不喜歡它的行爲，因爲有可能用戶只需再次點擊輸入就可以刪除輸入上下文。

$('.LastName').live('click', function() { 
    var myText = $(this).text(); 
    $(this).empty().append('<input name="LastName" id="LastName" value="' + myText + '" />'); 
    document.myForm.LastName.focus(); 
}); 

問：如何給用戶一個默認值，並允許他們在編輯過程中按下退出鍵或Ctrl-Z？

Answer 1

您可以檢查您的輸入是否當前正在顯示，如果是，則不會再次顯示。

var lock = false; 
$('.LastName').live('click', function() { 
    if (!lock) { 
     // set the lock 
     lock = true; 

     // your handler code goes here 
    } 
}); 

$('.lastName input').live('blur', function() { 
    // release the lock 
    lock = false; 
}); 

至於處理按鍵事件處理函數（keypress，​​或keyup）的按Ctrl-Z一個是你在找什麼。