Page 131 - 6108

<a href="site.me">Click link</a>
let link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault();
event.stopImmediatePropagation();
console.log('Click on the link one time.');
});
link.addEventListener('click', function(event) {
event.preventDefault();
console.log('Click on the link two time.');
});

3.5.6 Події мишки

Найбільш часто використовувані подій це події миші:
– click: виникає при натисканні покажчиком миші на елемент
– mousedown: виникає при знаходженні покажчика миші на елементі,
коли кнопка миші знаходиться в натиснутому стані
– mouseup: виникає при знаходженні покажчика миші на елементі під час
відпускання кнопки миші
– mouseover: виникає при входженні покажчика миші в межі елементу
– mousemove: виникає при проходженні покажчика миші над елементом
– mouseout: виникає, коли курсор миші виходить за межі елемента

– Для роботи з подіями покажчика миші визначено об'єкт MouseEvent,
який додає наступні властивості:
– altKey: повертає true, якщо була натиснута клавіша Alt під час
генерації події
– button: вказує, яка кнопка миші була натиснута
– clientX: визначає координату Х вікна браузера, на якій знаходився
покажчик миші під час генерації події
– clientY: визначає координату Y вікна браузера, на якій знаходився
покажчик миші під час генерації події
– ctrlKey: повертає true, якщо була натиснута клавіша Ctrl під час
генерації події
– metaKey: повертає true, якщо була натиснута під час генерації події
метаклавіша клавіатури
– relatedTarget: визначає вторинний джерело виникнення події
– screenX: визначає координату Х щодо верхнього лівого кута екрана

монітора, на якій знаходився покажчик миші під час генерації події
– screenY: визначає координату Y щодо верхнього лівого кута екрана
монітора, на якій знаходився покажчик миші під час генерації події
– shiftKey: повертає true, якщо була натиснута клавіша Shift під час
генерації події

<p><label><input type="checkbox" id="checkbox">
Checked</label>
<p><button id="button">Click me</button>
function simulateClick() {
let event = new MouseEvent("click");