Нужно привязать клавижу клавиатуры к button с помощью javascript

218
16 декабря 2018, 10:40

Мне нужно привязать клавишу клавиатуры к button, чтобы при нажатии она активировалась, и происходило какое-то действие.

Вот код:

<div class="box-container">
    <button type="button" class="btn btn-1">1</button>
    <button type="button" class="btn btn-1">2</button>
    <button type="button" class="btn btn-1">3</button>
    <button type="button" class="btn btn-1">4</button>
    <button type="button" class="btn btn-1">5</button>
    <button type="button" class="btn btn-1">6</button>
    <button type="button" class="btn btn-1">7</button>
    <button type="button" class="btn btn-1">8</button>
</div>
Answer 1

Можно отлавливать события клавиатуры и триггерить нужную кнопку.

const btn1 = document.getElementById('btn-1'); 
const btn2 = document.getElementById('btn-2'); 
const btn3 = document.getElementById('btn-3'); 
 
btn1.addEventListener('click', () => alert(1)); 
btn2.addEventListener('click', () => alert(2)); 
btn3.addEventListener('click', () => alert(3)); 
 
window.addEventListener('keypress', event => { 
  switch (event.keyCode) { 
    case 49: btn1.click(); 
      break; 
    case 50: btn2.click(); 
      break; 
    case 51: btn3.click(); 
      break; 
  } 
});
<button id="btn-1" type="button">1</button> 
<button id="btn-2" type="button">2</button> 
<button id="btn-3" type="button">3</button>

READ ALSO
UNKNOWN: unknown error, open

UNKNOWN: unknown error, open

При сборке проекта gulp выдает ошибку такого вида:

247
Mysql.Connect python создает неугодные кавычки

Mysql.Connect python создает неугодные кавычки

Дообр день, уважаемые знатоки! Я использую mysqlConnector и python 36

204
Как в блок div вписать функцию JS

Как в блок div вписать функцию JS

С конструктора взял вот такое размещение видео с автовоспроизведением в div-блоке:

300