Привязка горячих клавиш

@BQ 201 · Регистрация: 13.11.2017

Студворк — интернет-сервис помощи студентам

Нужно привязать к функции горячую клавишы (ctrl+z), что бы в итоге после нажатия функция выполнилась(выводился список страниц). У меня есть список "Interesting pages" который открывается двойным кликом. Я пытался сделать по примерам, но ничего не получается. Буду благодарен за помощь.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
  <link href="Interesting.css" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" href="https://sites.google.com/a/nure.ua/maksim-cumak/home/styles/Menu.css">
  <link rel="stylesheet" href="https://sites.google.com/a/nure.ua/maksim-cumak/home/styles/Tablici.css">
</head>
<body>
  <button class="collapsible" onclick="put()">Interesting pages</button>
<div class="content">
  <a href="https://sites.google.com/a/nure.ua/maksim-cumak/home/calculator" class="CCC">Calculator</a><br/>
  <a href="https://sites.google.com/a/nure.ua/maksim-cumak/home/access-to-a-computer" class="CCC">Access to a computer</a><br/>
  <a href="https://sites.google.com/a/nure.ua/maksim-cumak/home/artificial-intelligence" class="CCC">Artificial intelligence</a><br/>
  <a href="https://sites.google.com/a/nure.ua/maksim-cumak/home/favorite-school-subjects" class="CCC">Favorite school subjects</a><br/>
  <a href="https://sites.google.com/a/nure.ua/maksim-cumak/home/programming-languages" class="CCC">Programming languages</a><br/>
</div>
  <script>
  function put(){
let coll=document.getElementsByClassName('collapsible');
for(let i=0;i<coll.length;i++){
coll[i].addEventListener('click',function(){
this.classList.toggle('active');
let content=this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight=null;
}else{
content.style.maxHeight=content.scrollHeight + 'px'}})}
}
document.onkeydown = function(put) {
  if (put.ctrlKey && put.keyCode == 'Z'.charCodeAt(0)) {
    alert("сtrl + Z")
  }
}
  </script>
</body
</html>>

@Mr_Sergo · 27.11.2018, 07:32

BQ 201,

Демка -> https://codepen.io/Mr_Sergo/pen/VVBBvQ

JavaScript
1
document.onkeydown = e => e.keyCode == 90 && e.ctrlKey ? alert('сtrl + Z') : '';

@BQ 201 · 27.11.2018, 13:20 **[ТС]**

А как сделать так, чтобы при нажатии

JavaScript
1
document.onkeydown = e => e.keyCode == 90 && e.ctrlKey ? alert('сtrl + Z') : '';

выполнялась бы функция:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function put(){
let coll=document.getElementsByClassName('collapsible');
for(let i=0;i<coll.length;i++){
coll[i].addEventListener('click',function(){
this.classList.toggle('active');
let content=this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight=null;
}else{
content.style.maxHeight=content.scrollHeight + 'px'}})}
}

@Mr_Sergo · 27.11.2018, 14:41

Сообщение от BQ 201

А как сделать так, чтобы

Сообщение от BQ 201

выполнялась бы функция

JavaScript
1
document.onkeydown = () => put();

@Mr_Sergo · 28.11.2018, 14:35

Сообщение от BQ 201

как сделать так

Ссорь, не понял сразу

JavaScript
1
document.onkeydown = e => e.keyCode == 90 && e.ctrlKey ? (alert('сtrl + Z'), put()) : '';

Добавлено через 6 минут
Демка -> https://jsfiddle.net/d8zpvoth/

@BQ 201 · 28.11.2018, 19:51 **[ТС]**

Спасибо большее)

@Mr_Sergo · 28.11.2018, 20:07

Сообщение от BQ 201

Спасибо большее)

Не за что

Новые блоги и статьи Все статьи Все блоги /
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .
1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip

@BQ 201 1 / 1 / 0 Регистрация: 13.11.2017 Сообщений: 80
	28.11.2018, 19:51 [ТС]
	Спасибо большее) 0

Привязка горячих клавиш

Решение