JavaScript с нуля

Определение нажатой кнопки

Мыши зачастую оборудованы несколькими кнопками или предоставляют возможность их имитировать. Наиболее распространенная конфигурация состоит из левой, правой и средней (обычно это нажатие на колесико мыши) кнопок. Для определения, какая из кнопок была нажата, существует свойство button. Это свойство возвращает 0 при нажатии левой кнопки, 1 — при нажатии средней и 2 — при нажатии правой:

Код для использования этого свойства выглядит вполне ожидаемо:

document.addEventListener("mousedown", buttonPress, false);

function buttonPress(e) {

if (e.button == 0) {

console.log("Left mouse button pressed!");

} else if (e.button == 1) {

console.log("Middle mouse button pressed!");

} else if (e.button == 2) {

console.log("Right mouse button pressed!");

} else {

console.log("Things be crazy up in here!!!");

}

}

В дополнение к свойству button существует свойство buttons, а также другие, которые делают нечто похожее для помощи в определении нажатой кнопки. Я не буду много говорить об этих свойствах, просто имейте в виду, что они существуют (вы всегда можете погуглить их).