जावास्क्रिप्ट के साथ onclick स्थापना केवल समय समाप्ति के साथ काम करता

वोट
1

मैं वर्तमान में एक बटन मैं एक onclick के बाद मैं जावास्क्रिप्ट में तत्व बनाने के लिए सेट किए गए:

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

वर्तमान में, केवल समय समाप्त कार्यों में onclick होने:

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

मैं सोच रहा था कि क्या वहाँ किसी भी तरह से इस समय समाप्ति दूर करने के लिए सक्षम होने के लिए किया गया था, के रूप में मैं जैसे कि यह तत्व प्रस्तुत करना है, जो करने के लिए नेतृत्व करेंगे के लिए 50ms की तुलना में अधिक समय लग सकता है महसूस onclickनिर्माता नाकाम रहने?

मैं इस के लिए शुद्ध जावास्क्रिप्ट का उपयोग करना चाहते हैं।

सभी एक साथ:

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);
});


03/12/2019 को 00:01
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

जावास्क्रिप्ट के साथ onclick स्थापना केवल समय समाप्ति के साथ काम करता

वोट
1

मैं वर्तमान में एक बटन मैं एक onclick के बाद मैं जावास्क्रिप्ट में तत्व बनाने के लिए सेट किए गए:

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

वर्तमान में, केवल समय समाप्त कार्यों में onclick होने:

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

मैं सोच रहा था कि क्या वहाँ किसी भी तरह से इस समय समाप्ति दूर करने के लिए सक्षम होने के लिए किया गया था, के रूप में मैं जैसे कि यह तत्व प्रस्तुत करना है, जो करने के लिए नेतृत्व करेंगे के लिए 50ms की तुलना में अधिक समय लग सकता है महसूस onclickनिर्माता नाकाम रहने?

मैं इस के लिए शुद्ध जावास्क्रिप्ट का उपयोग करना चाहते हैं।

सभी एक साथ:

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);
});


03/12/2019 को 00:01
का स्रोत उपयोगकर्ता

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