Variablenwert aus addEventListener abrufen

Question

Wie kann ich den Wert der Variablen "clicked" aktualisieren, nachdem die Funktion "clickListener" ausgeführt wurde? Es ist definitiv ein Problem mit dem Umfang der "angeklickt" Variablen.

var clicked = 'no'; 
focus(); 
listener = addEventListener('blur', clickListener); 
function clickListener(){ 
    if(document.activeElement == document.getElementById('someIframe')){ 
     clicked = 'yes'; 
     console.log(clicked); 
    } 
}; 

Jedes Mal, wenn ich diese laufe, Konsolenprotokolle „ja“, aber das „outter“ geklickt ist immer noch nicht, ob ich die Variablen überprüft, nach dem Klick passiert.

---

Hier ist ein JSFiddle meiner Frage: https://jsfiddle.net/6c3nbpk5/4/

1. Konsole öffnen
2. Hinweis Zustand der DIV "message" ('nicht angeklickt')
3. Klicken Sie in der iframe, wo es sagt "klick mich"
4. Beachten Sie, dass die Konsole zeigt 'Div Nachricht: Clicked'
5. Beachten Sie Variable in Spaß ction sollte aktualisiert werden, um durch die Konsole bestätigt zu werden
6. Hinweis Div "Nachricht" weiterhin angezeigt nicht angeklickt.

Ich brauche divMessage zum Aktualisieren auf geklickt. All dies befindet sich jedoch in einer Funktion, die mehrere Iframes verfolgt, sodass ich die Variable nicht an das Fenster anhängen kann.

Answer 1

JavaScript ist Funktionsbereich, wenn es im aktuellen Funktionsumfang keine Definition findet, wird der äußere Bereich überprüft und so weiter.

Sie ändern nämlich den Wert der äußeren clicked in Ihrer inneren Funktion.

Aber es mag ein bisschen schwierig erscheinen - siehe hier, um ein Gefühl für das Timing zu bekommen - https://jsfiddle.net/6c3nbpk5/1/.

var clicked = 'no'; 
window.addEventListener('click', clickListener); 
function clickListener(){ 
     clicked = 'yes'; 
     window.alert(clicked); 
}; 
window.alert(clicked); 

Answer 2

addEventListener ist eine Funktion, die von einem Ereignisziel aufgerufen werden muss. Sie sollten es nicht gleich setzen.

Zum Beispiel: Angenommen, Sie einen div haben eine Sie wollen eine Variable speichern, wenn sie feststellt geklickt wurde:

var div = document.querySelector('div'); // grabs the first div 
var clicked = false; 

div.addEventListener('click', function() { 
    clicked = true; 
}); 

Hinweis: Was Ihr Code derzeit tut, ist ein Ereignis-Listener Registrierung auf window da Sie kein Ziel angegeben haben, nimmt Javascript an, dass Sie window bedeuten.

Als solches wird jedes Blur-Ereignis auf der Seite Ihren Rückruf auslösen. Wenn dies das beabsichtigte Verhalten ist, posten Sie bitte Ihren vollständigen HTML-Code mit einer spezifischeren Erklärung dessen, was Sie erreichen möchten, und wir können helfen, dieses Problem zu beheben.

Es scheint mir, dass Sie eher ein Klickereignis als ein Unschärfeereignis verwenden sollten, da es nur um den heißen Brei herumgeht, um das gleiche Ergebnis zu erzielen.