Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/15: Рейтинг темы: голосов - 15, средняя оценка - 4.60
1 / 1 / 0
Регистрация: 13.11.2017
Сообщений: 80

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

26.11.2018, 23:17. Показов 3134. Ответов 6
Метки css, html, js. (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно привязать к функции горячую клавишы (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>>
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
26.11.2018, 23:17
Ответы с готовыми решениями:

Отмена горячих клавиш в браузере
Я наверное очень наивно пытаюсь это сделат addEventListener(&quot;keydown&quot;, function(event) { if (event.keyCode == 17 &amp;&amp;...

Навигация по сайту с использованием горячих клавиш
Я сделала на сайте постраничную навигацию, и прикрутила к ссылкам предыдущая/следующая горячие клавиши Ctrl+Left/Ctrl+Right но оказалось...

Привязка горячих клавиш к кнопке button
Много искал в интернете, как привязать горячую клавишу &quot;alt+1&quot;, да так, чтобы когда форма была не активна, данная комбинация работала. ...

6
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
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') : '';
0
1 / 1 / 0
Регистрация: 13.11.2017
Сообщений: 80
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'}})}
}
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
27.11.2018, 14:41
Цитата Сообщение от BQ 201 Посмотреть сообщение
А как сделать так, чтобы
Цитата Сообщение от BQ 201 Посмотреть сообщение
выполнялась бы функция
JavaScript
1
document.onkeydown = () => put();
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
28.11.2018, 14:35
Лучший ответ Сообщение было отмечено BQ 201 как решение

Решение

Цитата Сообщение от BQ 201 Посмотреть сообщение
как сделать так
Ссорь, не понял сразу
JavaScript
1
document.onkeydown = e => e.keyCode == 90 && e.ctrlKey ? (alert('сtrl + Z'), put()) : '';
Добавлено через 6 минут
Демка -> https://jsfiddle.net/d8zpvoth/
0
1 / 1 / 0
Регистрация: 13.11.2017
Сообщений: 80
28.11.2018, 19:51  [ТС]
Спасибо большее)
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
28.11.2018, 20:07
Цитата Сообщение от BQ 201 Посмотреть сообщение
Спасибо большее)
Не за что
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
28.11.2018, 20:07
Помогаю со студенческими работами здесь

блокировка горячих клавиш
Добрый вечер уважаемые Помогите пожалуйста составить код который бы блокировал клавишу Win и все горячие клавиши кроме Shift+Ctrl и...

Отлов горячих клавиш
Нужно что-бы при нажатии на Enter функция возвращала true Пробовал Private Declare Function GetAsyncKeyState Lib &quot;user32&quot;...

Посылка горячих клавиш.
Задали создать свою среду программирования с компилятором Delphi или Pascal (По нажатию на Run создаётся и запускается файл *.dpr или *.pas...

Изменение горячих клавиш
Как поменять местами в Visual C++ 2010 Express кнопки F5 и Ctrl + F5. Чтобы после F5 окно не закрывалось. P.S. Просьба всякие pause и get...

Использование горячих клавиш
Что прописать, что бы при сочетании клавиш, например Shift+t, программа выполняла определенную процедуру?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru