Отслеживание клавиш-модификаторов в JavaScript

С помощью объекта Event можно узнать, были ли нажаты в момент события клавиши Ctrl, Alt и Shift. Это делается с помощью свойств ctrlKey, altKey и shiftKey - они имеют значение true или false в зависимости от того, была ли нажата эта клавиша в момент события или нет.

Давайте посмотрим на примере. Пусть у нас дана следующая кнопка:

<button id="elem">text</button>

По клику на кнопку будем выводить сообщение о том, была ли нажата одна из клавиш Ctrl, Alt и Shift:

let elem = document.querySelector('#elem'); elem.addEventListener('click', function(event) { if (event.ctrlKey) { alert('нажат Ctrl'); } if (event.altKey) { alert('нажат Alt'); } if (event.shiftKey) { alert('нажат Shift'); } });

Дан элемент. Сделайте так, чтобы по клику на него он красился в красный цвет, но только если в момент клика нажата клавиша Alt.

Пусть у вас есть список ul с тегами li:

<ul id="elem"> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ul>

Сделайте так, чтобы по клику на любую li, в конец ее текста добавлялось число 1, если нажата клавиша Ctrl, и число 2, если нажата клавиша Shift.