Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.04.2020, 19:20
Новичок на форуме
Отправить личное сообщение для andrey44 Посмотреть профиль Найти все сообщения от andrey44
 
Регистрация: 19.01.2020
Сообщений: 6

События клавиатуры
Надо создать страницу, которая выводит информацию обо всех нажатых, зажатых и отпущеных кнопкок клавиатуры.

Очень срочно. Буду благодарен за любую помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 27.04.2020, 19:40
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,707

Источник: https://learn.javascript.ru/keyboard-events

https://plnkr.co/edit/L6Q1Ov7NmtHDUNt6

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <style>#area {
  width: 95%;
  box-sizing: border-box;
  height: 250px;
  border: 1px solid black;
  display: block;
}</style>
</head>

<body>
  
  <form id="form" onsubmit="return false">
    <textarea id="area" readonly></textarea>
    <input type="button" value="Очистить" onclick="area.value = ''" />
  </form>
  <script>const element = document.documentElement;
element.onkeydown = element.onkeyup = element.onkeypress = handle;

let lastTime = Date.now();

function handle(e) {
  let text = e.type +
    ' key=' + e.key +
    ' code=' + e.code +
    (e.shiftKey ? ' shiftKey' : '') +
    (e.ctrlKey ? ' ctrlKey' : '') +
    (e.altKey ? ' altKey' : '') +
    (e.metaKey ? ' metaKey' : '') +
    (e.repeat ? ' (repeat)' : '') +
    "\n";

  if (area.value && Date.now() - lastTime > 250) {
    area.value += new Array(81).join('-') + '\n';
  }
  lastTime = Date.now();

  area.value += text;
}</script>


</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 27.04.2020, 19:56
Новичок на форуме
Отправить личное сообщение для andrey44 Посмотреть профиль Найти все сообщения от andrey44
 
Регистрация: 19.01.2020
Сообщений: 6

спасибо большое!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отмена .preventDefault() или возобновление события нажатия на клавишу клавиатуры antserg jQuery 15 13.06.2017 23:14
события клавиатуры sparcmen Events/DOM/Window 2 11.11.2016 00:38
Эмуляция события клавиатуры (Opera) Shabol Events/DOM/Window 3 10.12.2014 23:03
События клавиатуры. Александр х@к Элементы интерфейса 5 08.07.2012 23:09
События по нажатию на клавиши клавиатуры Kaba jQuery 2 07.12.2011 02:47