जावास्क्रिप्ट ऑनक्लिक फ़ंक्शन समय से पहले ट्रिगर हो गया

टैग के समान सौंदर्यशास्त्र के साथ एक लिंक बनाते समय लेकिन क्लिक पर एक फ़ंक्शन निष्पादित करने का इरादा होता है , उपयोगकर्ताओं को ऐसे परिदृश्य का सामना करना पड़ सकता है जहां पेज लोड होने पर फ़ंक्शन को गलती से कॉल किया जाता है। यह वांछित क्लिक ईवेंट को सही ढंग से कार्य करने से रोकता है।

ऑनक्लिक विशेषता निर्दिष्ट करते समय सामान्य नुकसान कोष्ठक का अनुचित उपयोग है। सेंटनोड.ऑनक्लिक = सेकेंडफंक्शन() के बजाय, जो फ़ंक्शन को तुरंत निष्पादित करता है, सही सिंटैक्स sentNode.onclick = सेकेंडफंक्शन है। यह फ़ंक्शन के लिए एक संदर्भ प्रदान करता है, जिसे केवल क्लिक ईवेंट पर निष्पादित किया जाएगा।

function startFunction() {
  var sentNode = document.createElement('a');
  sentNode.setAttribute('href', "#");
  sentNode.setAttribute('onclick', secondFunction);
  //sentNode.onclick = secondFunction();
  sentNode.innerHTML = "Sent Items";
  //...
}

कोष्ठकों को हटाकर, ऑनक्लिक ईवेंट सही ढंग से फ़ंक्शन संदर्भ से जुड़ा होता है, न कि इसके निष्पादन के परिणाम से, इच्छित व्यवहार को सुनिश्चित करते हुए।