仅在有输入(jQuery)时才附加

时间:2015-12-01 22:28:27

标签: jquery

所以,我有以下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('');
        }               
}); 

这里的关键是空格键(32)。因此,每当使用空格键时,之前的任何单词都会附加在div中(.container ul)。

现在,即使没有输入,如果使用空格键,它仍会附加数据(空)。

有没有办法检查并只在有输入的情况下启用追加功能?

由于

1 个答案:

答案 0 :(得分:1)

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(''); } }); 。如果是,你可以在那时返回。

import * as helpers from "../path/to/app.helpers.ts";