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 searchBox的文本框被隐藏，并显示在id为firstPage的div的click事件上。我有以下功能，必须在文本框更改时触发。但是重新加载页面后会触发此输入事件。

 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 {

    }
  });
},

仅在页面重新加载后触发jQuery输入事件

1 个答案: