Click-Ereignis wird nicht ausgelöst

Question

Ich möchte der Benutzer die gesamte Eingabefeld auswählen, wenn er darauf klickt.

In meinem Fall das Eingabefeld ist:

 <label for="bla">My checkbox</label> 
     <input type="input" id="bla" name="check" value="checked" /> 

Um dies zu tun, schrieb ich folgendes JS:

function SelectAll(bar){ 
    bar.focus(); 
    bar.select(); 
    console.log(bar); 
}  
window.onload=function() 
{ 
    var bla=document.getElementById("bla"); 
    bla.addEventListener('click',SelectAll(bla),false);  
}; 

Aber alles, was ich in der Konsole ist <input type="input" value="checked" name="check" id="bla"> einmal und egal wie viel klick ich kann nicht mehr bekommen.

Answer 1

addEventListener Callback-Referenz sollte keine Parameter haben.

.addEventListener('click', SelectAll)

Durch (bla) Zugabe wird es tatsächlich als SelectAll(bla)(element) genannt wird, was wollen nicht das, was Sie.

Answer 2

Dieses Versuchen:

$("#bla").click(function() { 
    bla.addEventListener('click',SelectAll(bla),false);  
    }); 
function SelectAll(element){ 
    element.focus(); 
    element.select(); 
    console.log(element); 
} 

Answer 3

meine Forschung i auf folgende consclusions kommen zusammenfassend:

addEventListener Rückrufreferenz keine Parameter haben sollte, da es das Ereignis an die Funktion übergeben wird.

Als solche ist die listener.addEventListener('click', SelectAll, false) die richtige Art zu implementieren.

Da die event übergeben wird, aber Sie mit der tatsächlichen element arbeiten möchten, müssen Sie bar.target verwenden, um darauf zuzugreifen.