Pengendali Pelbagai Peristiwa dalam JavaScript

Selain klik pada elemen, terdapat juga peristiwa lain. Sebagai contoh, dengan menggunakan peristiwa dblclick seseorang boleh mengesan klik berganda pada elemen, dengan peristiwa mouseover - penunjuk tetikus melayang ke atas elemen, dan dengan peristiwa mouseout - penunjuk tetikus meninggalkan elemen.

Pada masa yang sama, pelbagai jenis pengendali peristiwa boleh diikat pada satu elemen. Sebagai contoh, mari kita ikat tindak balas terhadap pelayangan tetikus dan tindak balas terhadap kepergian pada satu elemen:

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

Diberikan butang. Pada klik berganda ke atasnya, paparkan beberapa mesej.

Diberikan butang. Apabila tetikus melayang di atasnya, paparkan beberapa mesej.

Diberikan butang. Apabila tetikus meninggalkannya, paparkan beberapa mesej.

Diberikan butang. Apabila tetikus melayang di atasnya, paparkan satu mesej, dan apabila tetikus meninggalkannya - mesej lain.