new Event opdrag

Die opdrag new Event is 'n gebeurteniskonstruktor waarmee jy 'n gebeurtenisobjek kan skep, en daardie gebeurtenis dan vanuit JavaScript kan oproep met behulp van die metode dispatchEvent. Waarom is dit nuttig: jy kan 'n gebruiker se klik op 'n knoppie naboots, 'n vormindieningspoging, ensovoorts. Die gebeurtenis sal nie verskil van 'n regte een nie, behalwe vir die eienskap event.isTrusted. Jy kan selfs gebeurtenisse met nie-standaard (vergeselde) name skep en dit dan op die regte oomblik aktiveer.

Sintaksis

new Event(gebeurtenistipe, [vlae]);

Voorbeeld

Kom ons sê ons het 'n knoppie. Wanneer jy op hierdie knoppie klik, word 'n boodskap vertoon. Laat ons dit so maak dat wanneer die muis oor die knoppie beweeg, dink die knoppie dat daar op dit geklik is:

<button id="button">knoppie</button>

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

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

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // skep die gebeurtenis
	this.dispatchEvent(clickEvent); // boots 'n klik op die knoppie na
});

Voorbeeld

Jy kan jou eie gebeurtenisse (met jou eie naam) skep en dit dan op die regte tyd aktiveer. Kom ons koppel 'n gebeurtenis genaamd showMessage aan die knoppie en aktiveer hierdie gebeurtenis wanneer die muis daaroor beweeg:

<button id="button">knoppie</button>

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

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

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // skep die gebeurtenis
	this.dispatchEvent(showMessageEvent); // aktiveer die gebeurtenis
});

Sien ook

die eienskap addEventListener,
wat gebeurtenisse koppel
die eienskap removeEventListener,
wat gebeurtenisse ontkoppel