Jak przekazać element do obsługi zdarzeń w javascript

Question

Utworzono element HTML <input> przy użyciu Javascript. Teraz chcę dynamicznie dodać do tego elementu procedurę obsługi zdarzeń onblur. Jednak nie rozumiem, w jaki sposób mogę przekazać utworzony element jako argument do funkcji. Oto mój kod:

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

W powyższym kodzie widać, że element został utworzony. Teraz chcę przekazać ten element do hello_function. Jak mogę to zrobić?

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

Answer 1

Aby to osiągnąć można zawinąć wywołanie hello_function w anonimowej funkcji opakowania i dostarczyć this argumentu:

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

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

pamiętać także preferowanego wykorzystania addEventListener nad onblur.

Answer 2

Spróbuj tego. przekazując innej zmiennej do funkcji,

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

proponuję używać addEventListener, także myślę, że trzeba dołączyć utworzonego elementu do dokumentu, coś takiego:

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