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

javascriptnew 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:

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

javascriptlet 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:

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

javascriptlet 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