jQuery的输入事件触发仅

Question

基本上我有两个div，

<div id="firstPage"></div>

和

<div id="details"> 
    <div id='searchBox' class='detail--searchBox'> 
     <input id='txtSearchTerm' name='txtSearchTerm' type='text'> 
    </div> 
</div> 

在页面加载与ID搜索框的文本框是隐藏的，它显示在点击与ID firstPage的div事件。我有以下功能，必须在文本框更改时触发。但是一旦页面被重新加载，这个输入事件就会被触发。

onSearchBoxOnDetailsChange: function() { 
    $("#searchBox").on("input", "#txtSearchTerm", function() { 
     var val = $(this).val().trim(); 
     val = val.replace(/\s+/g, ''); 
     if (val.length > 1) { 
      console.log(val); 
     } else { 

     } 
    }); 
}, 

Answer 1

编写代码象下面这样：

onSearchBoxOnDetailsChange: function() { 
    $(document).on("input", "#searchBox #txtSearchTerm", function() { 
    var val = $(this).val().trim(); 
    val = val.replace(/\s+/g, ''); 
    if (val.length > 1) { 
     console.log(val); 
    } else { 

    } 
    }); 
},