Komut new Event

new Event komutu - bir olay nesnesi oluşturabileceğiniz ve ardından bu olayı dispatchEvent yöntemiyle JavaScript'ten tetikleyebileceğiniz bir olay yapıcısıdır. Bunun ne için gerekli olduğu: kullanıcının bir düğmeye tıklamasını, bir form gönderme girişimini vb. taklit edebilirsiniz. Bu durumda olay, event.isTrusted özelliği dışında gerçek olandan hiçbir şekilde farklı olmayacaktır. Hatta standart olmayan (sizin tarafınızdan uydurulmuş) isimlere sahip olaylar oluşturabilir ve ardından bunları doğru anda tetikleyebilirsiniz.

Sözdizimi

new Event(olay türü, [bayraklar]);

Örnek

Bir düğmemiz olduğunu varsayalım. Bu düğmeye tıklandığında bir mesaj görüntülenir. Farenin düğmenin üzerine gelmesi durumunda, düğmenin tıklandığını düşünmesini sağlayalım:

<button id="button">düğme</button>

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

button.addEventListener('click', function() {
	alert('mesaj');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // olayı oluştur
	this.dispatchEvent(clickEvent); // düğmeye tıklamayı taklit et
});

Örnek

Kendi olaylarınızı (kendi isminizle) oluşturabilir ve ardından doğru anda tetikleyebilirsiniz. Düğmeye bir showMessage olayı bağlayalım ve fare üzerine geldiğinde bu olayı başlatalım:

<button id="button">düğme</button>

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

button.addEventListener('showMessage', function() {
	alert('mesaj');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // olayı oluştur
	this.dispatchEvent(showMessageEvent); // olayın tetiklenmesini sağla
});

Ayrıca Bakınız

olayları bağlayan addEventListener özelliği,
olayların bağını kaldıran removeEventListener özelliği,