ბრძანება new Event

ბრძანება new Event არის მოვლენების კონსტრუქტორი, რომლის საშუალებაც შესაძლებელია შევქმნათ მოვლენის ობიექტი, და შემდეგ გამოვიძახოთ ეს მოვლენა JavaScript-დან მეთოდის dispatchEvent საშუალებით. რისთვის არის ეს საჭირო: შესაძლებელია მომხმარებლის მიერ ღილაკზე დაწკაპუნების, ფორმის გაგზავნის მცდელობის და ა.შ. იმიტაცია. ამ შემთხვევაში მოვლენა არ განსხვავდება ნამდვილისგან, გარდა თვისების event.isTrusted. შესაძლებელია თუნდაც შევქმნათ მოვლენები არასტანდარტული (თქვენ მიერ გამოგონილი) სახელებით და შემდეგ გამოვიძახოთ ისინი საჭირო მომენტში.

სინტაქსი

new Event(მოვლენის ტიპი, [ფლაგები]);

მაგალითი

დავუშვათ, გვაქვს ღილაკი. ამ ღილაკზე დაწკაპუნებისას გამოიტანება შეტყობინება. მოდით, გავაკეთოთ ისე, რომ მაუსის ღილაკზე დაჰოვებისას ეს ღილაკი იფიქროს, რომ მასზე დააწკაპუნეს:

<button id="button">ღილაკი</button>

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

button.addEventListener('click', function() {
	alert('შეტყობინება');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // ვქმნით მოვლენას
	this.dispatchEvent(clickEvent); // ვიმიტირებთ ღილაკზე დაწკაპუნებას
});

მაგალითი

შესაძლებელია საკუთარი მოვლენების შექმნა (საკუთარი სახელით) და შემდეგ საჭირო მომენტში მათი გამოძახება. მოდით მივაბათ ღილაკს მოვლენა showMessage და მაუსის ღილაკზე დაჰოვებისას გამოვიწყოთ ეს მოვლენა:

<button id="button">ღილაკი</button>

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

button.addEventListener('showMessage', function() {
	alert('შეტყობინება');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // ვქმნით მოვლენას
	this.dispatchEvent(showMessageEvent); // ვიწყებთ მოვლენის გამოძახებას
});

იხილეთ აგრეთვე

თვისება addEventListener,
რომელიც მიბამს მოვლენებს
თვისება removeEventListener,
რომელიც ხსნის მოვლენებს