Tastendruck nach einem input.val() und Fokus() beim Reload funktioniert nicht

Question

Ich möchte auf der neu laden meiner Seite, legen Sie meine Wert Suche (Lager in localStorage) in einer Eingabe und danach simulieren einen Tastendruck (Typ 13).

Hier ist mein Code:

$(function() { 

if((localStorage.getItem("search")) && (sessionStorage.getItem("reloadAfterPageLoad")!="false")) 
{ 
    $('#datatable_filter input').val(localStorage.getItem("search")).focus().trigger(jQuery.Event('keypress', { keycode: 13, which: 13, charCode: 13 })); 


} 
}); 

Der Fokus() funktioniert als localStorage.getItem ("search"), aber mein Ereignis nie passiert.

Ich versuche schon die Lösung von Einzeln Weise Tastendruck-Ereignisse mit jQuery auslösen:

$(function() { 

if((localStorage.getItem("search")) && (sessionStorage.getItem("reloadAfterPageLoad")!="false")) 
{ 
var e = jQuery.Event("keypress"); 
e.which = 13; 
alert("la recherche était : "+localStorage.getItem("search")); 
$('#datatable_filter input').val(localStorage.getItem("search")).focus().trigger(e); 
sessionStorage.setItem("reloadAfterPageLoad", "false"); 

} 

Und es tut auch nicht funktioniert.

Irgendeine Idee über das Problem? Vielen Dank im Voraus für Ihre Hilfe

Answer 1

Sie können die Keyenter/Change-Logik Ihrer Eingabe in eine andere Funktion verschieben und sie aufrufen.

$('input').keypress(function(event) { 
 
    updateTable(event); 
 
}); 
 

 
function updateTable(event) { 
 
    //update the table 
 
} 
 

 
#onLoad 
 
$(function() { 
 
    if ((localStorage.getItem("search")) && (sessionStorage.getItem("reloadAfterPageLoad") != "false")) { 
 
    $('#datatable_filter input').val(localStorage.getItem("search")).focus(); 
 
    updateTable(); 
 
    } 
 
});