Új hozzászólás Aktív témák

• btz addikt

  #7927

  #7926 btz

  2020-06-22 20:03:02

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  btz

  addikt

  #7926 btz

  #7926 btz

  Üdv
  Ezzel a w3-as módszerrel van beillesztve html a html-be. Ez működik is remekül, kivéve, hogy addEventListener-el szeretnék a content.html fájlban egy click vagy change eventre funkciót, az nem reagál. Ha a content.html fájlt önmagában (direktben) megnyitom, akkor működik, reagál a kattintásra és az select mező cseréjére is.
  Példakódot délután majd rakok fel.
  Szerintetek mi lehet a gond? Találkoztatok e már hasonló problémával?

  Közben másik fórumon sikerült megoldani a problémát.

  Ez az eredeti nem működő kód CODESANDBOX

  Az ebben lévő addEventListener nem tudta elérni a #testclick ID-jű elemet.
  <script>
let output = document.querySelector("#output");
let testclick = document.querySelector("#testclick");
testclick.addEventListener("click", testclickevent());
function testclickevent() {
output.innerHTML = "TEST CLICK IS WORKING";
}
</script>

  A működő kód

  Ebben az alábbi kód szerepel

  <script>
document.addEventListener("click", function(e) {
var elem = e.target;
if (elem && elem.id == "testclick") {
output.innerHTML = "THIS SOLUTION IS WORKING";
}
});
</script>
  Teljesen még nem tiszta, hogyan is képes látni ez a content.html-ben lévő button ID-t, de működik. Gombnyomásra kiírja, hogy "THIS SOLUTION IS WORKING"

  

Új hozzászólás Aktív témák