jQuery Eingabeereignis ausgelöst, nachdem Seite neu laden nur

Question

Im Grunde habe ich zwei divs,

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

und

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

Auf Seite laden die Textbox mit id searchBox versteckt ist, und es wird auf Klick angezeigt Ereignis von div mit ID firstPage. Ich habe folgende Funktion, die beim Ändern der Textbox ausgelöst werden muss. Dieses Eingabeereignis wird jedoch ausgelöst, sobald die Seite neu geladen wurde.

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

Schreiben Sie Ihren Code wie folgt:

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 { 

    } 
    }); 
},