Javascript: input-Element nachträglich einbinden - oninput und onblur funzen nicht

[Michael_K]

Hallo,

du solltest zunächst verstehen, was die Unterschiede zwischen Methoden, Attributen und EVents für ein HTML-Element sind und wie man diese definiert.

input und blur sind Events und entsprechend musst du diese definieren via EventListener, was beim event gemacht werden soll. Also so:

const blurFunction = function(event){
   console.log("blur event was triggered")
};

// eventFunction definieren
input_1.addEventListener("blur", blurFunction);  

Und als Zusatzinfo, du solltest einen Debouncer einbauen. D.h. wenn Text eingegeben wird, sollte nicht sofort die Anfrage an die Datanbank gehen, sondern zeitverzögert, wenn nicht mehr getippt wird. Ansonsten ist es schlecht für die Performance. Debouncing Lösungen gibt es viele. Hier ein paar Lösungsansätze: Debouncing für Suchanfragen

Gruss