कमांड new Event

कमांड new Event - इवेंट कंस्ट्रक्टर है, जिसकी मदद से आप एक इवेंट ऑब्जेक्ट बना सकते हैं, और फिर मेथड dispatchEvent की मदद से जावास्क्रिप्ट से इस इवेंट को ट्रिगर कर सकते हैं। इसकी क्या जरूरत है: आप यूजर के बटन पर क्लिक करने, फॉर्म सबमिट करने आदि की नकल कर सकते हैं। ऐसे में इवेंट असली इवेंट से event.isTrusted प्रॉपर्टी के अलावा किसी और चीज में अलग नहीं होगा। आप गैर-मानक (अपने खुद के बनाए हुए) नामों वाले इवेंट्स भी बना सकते हैं और फिर सही समय पर उन्हें ट्रिगर कर सकते हैं।

सिंटैक्स

javascriptnew Event(इवेंट प्रकार, [फ्लैग्स]);

उदाहरण

मान लीजिए हमारे पास एक बटन है। इस बटन पर क्लिक करने पर एक मैसेज दिखता है। आइए ऐसा करें कि बटन पर माउस ले जाने पर बटन को लगे कि उस पर क्लिक किया गया है:

html<button id="button">बटन</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function() {
  alert('मैसेज');
});

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // इवेंट बनाएं
  this.dispatchEvent(clickEvent); // बटन पर क्लिक की नकल करें
});

Результат:

उदाहरण

आप अपने खुद के इवेंट (अपने खुद के नाम के साथ) बना सकते हैं और फिर सही समय पर उन्हें ट्रिगर कर सकते हैं। आइए बटन से एक showMessage इवेंट बांधें और माउस ले जाने पर इस इवेंट को ट्रिगर करें:

html<button id="button">बटन</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('showMessage', function() {
  alert('मैसेज');
});

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // इवेंट बनाएं
  this.dispatchEvent(showMessageEvent); // इवेंट का ट्रिगर होना शुरू करें
});

Результат:

यह भी देखें