JavaScript-да турли воқеаларни қайта ишлаш

Элемент босилганидан ташқари, яна бошқа воқеалар ҳам мавжуд. Масалан, dblclick воқеаси ёрдамида элементга икки марта босилганини аниқлаш мумкин, mouseover воқеаси ёрдамида - курсорни элемент устига келтирилганини, mouseout воқеаси ёрдамида эса - курсорни элемент устидан олиб чиқилганини.

Бундан ташқари, бир элементга турли хил воқеа турларининг ишловчиларини боглаш мумкин. Келтирайлик, масалан, бир элементга курсорни келтиришга ва курсорни олиб чиқишга реакцияни боглаймиз:

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

Тугма берилган. Унга икки марта босилганда бирон хабар чиқаринг.

Тугма берилган. Унинг устига курсорни келтирилганда бирон хабар чиқаринг.

Тугма берилган. Унинг устидан курсор олиб чиқилганда бирон хабар чиқаринг.

Тугма берилган. Унинг устига курсорни келтирилганда бир хабар, устидан курсор олиб чиқилганда эса бошқа хабар чиқаринг.