追加僅當有輸入（jQuery的）

Question

所以，我有以下的jQuery其示出了在一個div容器

jQuery('#container').keyup(function(e){ 
     if(e.which == 32) {    
      var cont = jQuery(this).val().replace(/,/g, ""); 
      var data = 'Something'; //Show the input 
      cont.push(cont); 
      jQuery('.container ul').append(data); 
      jQuery(this).val(''); 
     }    
}); 

任何輸入這裏的KEYUP是空格鍵（32）。因此，無論何時使用空格鍵，在div（.container ul）中添加任何之前的單詞。

現在，即使沒有輸入，如果使用空格鍵，它仍會附加數據（空）。

如果有輸入，是否有方法檢查並只啓用追加功能？

感謝

Answer 1

cont.push之前只檢查是否cont.trim() == ''。如果是這樣，你可以在那個時候返回。

jQuery('#container').keyup(function(e){ 
    if(e.which == 32) {    
     var cont = jQuery(this).val().replace(/,/g, ""); 
     var data = 'Something'; //Show the input 
     if (cont.trim() === '') { return; } 
     cont.push(cont); 
     jQuery('.container ul').append(data); 
     jQuery(this).val(''); 
    }    
});