Wie können wir ein Element zu Event-Handler in Javascript übergeben

Question

Ich habe ein <input> HTML-Element mit Javascript erstellt. Jetzt möchte ich diesem Element dynamisch einen onblur Event-Handler hinzufügen. Allerdings verstehe ich nicht, wie ich das erstellte Element als Argument an die Funktion übergeben kann. Hier ist mein Code:

element = document.createElement("input"); 
element.onblur = hello_function; 

Im obigen Code können Sie sehen, dass das Element erstellt wird. Jetzt möchte ich dieses Element an hello_function übergeben. Wie kann ich das machen?

function hello_function(element) { 
    alert(element); 
} 

Answer 1

Um dies zu erreichen Sie den hello_function Anruf in einem anonymen Funktion Wrapper können wickeln und stellen das this Argument:

element = document.createElement("input"); 
 
element.addEventListener('blur', function() { 
 
    hello_function(this); 
 
}); 
 
document.body.appendChild(element); 
 

 
function hello_function(element) { 
 
    console.log(element); 
 
}

Auch die bevorzugte Verwendung von addEventListener über onblur beachten.

Answer 2

versuchen Sie es so. die andere Variable in einer Funktion übergeben,

var something="hello"; 
 
var element = document.createElement("input"); 
 
    element.addEventListener('blur' , function() 
 
          { 
 
    hello_function(something); 
 
    
 
    }) 
 
document.body.appendChild(element) 
 

 
function hello_function (element){ 
 
     alert(element); 
 
}

Answer 3

Ich schlage vor, addEventListener zu verwenden, auch ich glaube, Sie müssen das erstellte Element an das Dokument angehängt werden, etwa so:

var elem = document.createElement("input"); 
if (elem) { 
    elem.addEventListener('blur', hello_function, false); 
} 
document.body.append(elem); 
function hello_function(element) { 
    alert(element); 
}