JS властивість Event.shiftKey (Key)

Загальний опис

shiftKey — це властивість об'єкта KeyboardEvent, яка повертає булеве значення (true або false) в залежності від того, чи була натиснута клавіша "Shift" під час події клавіатури (наприклад, keydown, keypress або keyup). Ця властивість дозволяє програмісту реагувати на комбінації клавіш, наприклад, активувати додаткові функції, коли разом із натисканням основної клавіші використовується "Shift".

Використання shiftKey дозволяє визначити, чи натиснув користувач "Shift", і на основі цього змінити поведінку програми. Це може бути корисно, наприклад, для зміни регістру введених символів, активації альтернативних функцій або створення скорочень клавіш для швидкого виконання операцій. Значення shiftKey доступне в будь-якому з обробників подій клавіатури і дозволяє програмі відстежувати, чи була клавіша натиснута під час певної події.

Ось базовий приклад використання:

document.addEventListener('keydown', function(event) {
    if (event.shiftKey) {
        console.log('Клавіша Shift натиснута!');
    }
});

У цьому прикладі кожного разу, коли користувач натискає будь-яку клавішу разом із "Shift", в консоль виводиться повідомлення про те, що "Shift" натиснуто. Це простий спосіб визначити, чи використовує користувач комбінацію клавіш із "Shift".

Крім цього, shiftKey може бути корисним для створення складних гарячих клавіш (шорткатів), які активуються лише за певних умов, таких як натиснення одночасно декількох клавіш, наприклад, "Shift" + "Enter" для виконання певної дії або надсилання форми.

правити

Порада

Перевіряйте не тільки shiftKey, але й інші властивості клавіш, такі як ctrlKey або altKey, щоб створювати багаті комбінації клавіш для більш просунутих функцій, як це реалізовано в багатьох професійних додатках.

автор: Bond правити

Порада

Пам'ятайте, що деякі системи або браузери можуть мати специфічну поведінку для клавіші "Shift", тому завжди тестуйте свої рішення на різних платформах і браузерах.

автор: Bond правити

Порада

Якщо використовуєте shiftKey для введення символів, наприклад, зміни регістру, врахуйте, що результат може залежати від мовної розкладки клавіатури. Завжди тестуйте локалізовані версії вашого додатка.

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

event.shiftKey

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1.5	1.2	12.1	12

Підтримка: мобільні переглядачі

Переглядач
	37	18	4	1

Підтримка: серверні переглядачі

Переглядач
	-	-

Приклади

+ запропонувати свій приклад у пісочниці

document.addEventListener('keydown', function(event) {
    if (event.shiftKey && event.key === 'Enter') {
        console.log('Надсилання форми з використанням Shift + Enter');
    } else if (event.key === 'Enter') {
        console.log('Звичайне надсилання форми');
    }
});

document.addEventListener('keydown', function(event) {
    if (event.shiftKey && event.key === 'ArrowUp') {
        console.log('Переміщення об’єкта на більшу відстань вгору');
    } else if (event.key === 'ArrowUp') {
        console.log('Переміщення об’єкта на меншу відстань вгору');
    }
});