動態創建新的文本框時，另一個填充

Question

舉例說明：http://sas98.user.srcf.net/guestlist/

我希望創建一個新的輸入框，當用戶鍵入的東西在嘉賓名單場在底部。

是否可以這樣做，而不必按onClick按鈕？

Answer 1

您可以添加一個模糊事件，當第一個輸入框失去焦點時會被觸發。可以有額外的檢查，以確保有人把一些文本的第一個輸入字段，如果有一個值添加一個新的輸入字段

$('#guest_list_input').blur(function() { 
    if($(this).val().length>0) { 
     $('#myPlaceWhereIWantToAddANewInputField').append('<input value='test' name='test' />'); 
    } 
}); 

Answer 2

你可能想後focus，blur或change追加新的輸入事件。

我的選擇是在focus上創建一個字段（因此用戶可以通過按Tab切換到該字段），並可以選擇刪除blur事件上的空字段。可能有一些花哨的淡入/淡出效果。