+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: nested eventlistener (/showthread.php?tid=520)
nested eventlistener - sfthbara - 19.04.2022
Hallo ist das generell problematisch, wenn man man einen Eventlistener in einem Eventlistener ausführt?
ich habe einen Marker bei google maps . Über den ersten click erhalte ich informationen zu dem Marker und versuche aus dem HTML über document.getElement einen button von außerhalb zu verwenden. Mit console.log wird der Button auch erkannt. Bekomme aber trotzdem den Fehler:
TommySupertramp_map_21_04_2022.html:1488 Uncaught TypeError: btntest.addListener is not a function
at _.dh.<anonymous> (TommySupertramp_map_21_04_2022.html:1488:13)
at Cf.dw (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:257:345)
at Object._.F.trigger (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:252:473)
at DG.<anonymous> (marker.js:31:389)
at Cf.dw (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:257:345)
at Object._.F.trigger (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:252:473)
at Object.onClick (marker.js:24:248)
at lha._.n.onClick (common.js:146:275)
at HTMLDivElement.Ko.C._.dm.Qd (common.js:56:469)
RE: nested eventlistener - admin - 20.04.2022
Kommt darauf an.
Wenn du z. B. ein mousemove Event hast und dadrinnen eine klick Event hast kann, das schon mal zum Absturz kommen. Es gibt auch remove eventlistener , wo man das erste Event entfernen kannst.
Hast du dein Code online , sodass man das man testen kann?
RE: nested eventlistener - sfthbara - 20.04.2022
Leider nicht, da das über mein Localhost läuft. Im prinzip schaut das so aus:
marker.addListener( 'click', function() {
pre = "";
var shortform = "";
getContentFetchAPI(marker.name,CreateCarousselIMGs_InfoWindow)
infoWindow.open( map, marker );
console.log(marker.name)
console.log(marker.id)
console.log(marker.type)
if (marker.type == "topTown"){
pre = "B"
}
else if (marker.type == "Town"){
pre = "B"
}
else{
pre = "A"
}
shortform = String(pre) + "-" + String(marker.id)
console.log(shortform)
btn = document.getElementById("addto")
btn.addListener( 'click', function() {
...
})
beim 2 addListener komme immer der Fehler
RE: nested eventlistener - admin - 21.04.2022
Schade das man das nicht komplett sehen kann.
Kannst du nicht bei https://codepen.io ein Beispiel erstellen, oder hier den ganzen Code posten.
Ich würde den eventlistener aus den anderen Eventlistener herausnehmen , das geht sicherlich auch so
RE: nested eventlistener - sfthbara - 23.04.2022
Hi, es geht sobald ich addEventListener nutze statt eventlistener.
Wo liegt eig der Unterschied zwischen beiden?
RE: nested eventlistener - admin - 26.04.2022
Das kann ich dir auch nicht so richtig erklären.
Vielleicht hilft dir das ein bisschen weiter
https://stackoverflow.com/questions/69984838/event-listener-in-html-vs-addeventlistener