Verwerking van verskillende gebeurtenisse in JavaScript

Benewens klik op 'n element, is daar ook ander gebeurtenisse. Byvoorbeeld, met die gebeurtenis dblclick kan 'n dubbelklik op 'n element gevang word, met die gebeurtenis mouseover - die beweging van die wyser oor 'n element, en met die gebeurtenis mouseout - die weg beweging van die wyser van die element af.

Terselfdertyd kan verwerkers vir verskillende tipes gebeurtenisse aan een element gekoppel word. Kom ons bijvoorbeeld, 'n reaksie op die beweging van die wyser oor en 'n reaksie op die weg beweging daarvan aan een element koppel:

button.addEventListener('mouseover', function() {
	console.log('1');
});
button.addEventListener('mouseout', function() {
	console.log('2');
});

Daar is 'n knoppie. Met 'n dubbelklik daarop, vertoon 'n boodskap.

Daar is 'n knoppie. Wanneer die wyser daaroor beweeg, vertoon 'n boodskap.

Daar is 'n knoppie. Wanneer die wyser daarvan weg beweeg, vertoon 'n boodskap.

Daar is 'n knoppie. Wanneer die wyser daaroor beweeg, vertoon een boodskap, en wanneer dit daarvan weg beweeg - 'n ander een.