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

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

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

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

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

javascriptlet 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