Réglage onclick avec JavaScript fonctionne uniquement avec délai d'attente

voix
1

J'ai actuellement un bouton que je mis un onclick après avoir créé l'élément en javascript:

document.querySelector('.info').forEach(element => {
    element.innerHTML = `<button id=show-popup-${id}>Show</button>`;
});

À l'heure actuelle, seule ayant la onclick dans un délai d'attente de travaux:

window.setTimeout(function() {
  document.getElementById('show-popup').onclick = function() {
    console.log(Hello);
  }
}, 50);

Je me demandais s'il y avait un moyen de pouvoir supprimer ce délai d' attente, comme je me sens comme si cela pourrait prendre plus de 50 ms pour l'élément à rendre, qui conduirait au onclickcréateur à défaut?

Je voudrais utiliser pur javascript pour cela.

Tous ensemble:

document.querySelector('.info').forEach(element => {
    element.innerHTML = `<button id=show-popup-${id}>Show</button>`;

    window.setTimeout(function() {
      document.getElementById('show-popup').onclick = function() {
      console.log(Hello);
  }
}, 50);
});


Créé 03/12/2019 à 00:01
source utilisateur
Dans d'autres langues...                            


1 réponses

Réglage onclick avec JavaScript fonctionne uniquement avec délai d'attente

voix
1

J'ai actuellement un bouton que je mis un onclick après avoir créé l'élément en javascript:

document.querySelector('.info').forEach(element => {
    element.innerHTML = `<button id="show-popup-${id}">Show</button>`;
});

À l'heure actuelle, seule ayant la onclick dans un délai d'attente de travaux:

window.setTimeout(function() {
  document.getElementById('show-popup').onclick = function() {
    console.log("Hello");
  }
}, 50);

Je me demandais s'il y avait un moyen de pouvoir supprimer ce délai d' attente, comme je me sens comme si cela pourrait prendre plus de 50 ms pour l'élément à rendre, qui conduirait au onclickcréateur à défaut?

Je voudrais utiliser pur javascript pour cela.

Tous ensemble:

document.querySelector('.info').forEach(element => {
    element.innerHTML = `<button id="show-popup-${id}">Show</button>`;

    window.setTimeout(function() {
      document.getElementById('show-popup').onclick = function() {
      console.log("Hello");
  }
}, 50);
});


Créé 03/12/2019 à 00:01
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more