Выполнение функции button клавишей enter для всего body

@DTimothy · Регистрация: 11.04.2019

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

Здравствуйте! Долго шерстил поиск, но решения так и не нашёл (возможно из-за недостатка знаний в js)

Есть страница. На странице много элементов. Один из них

HTML5
1
<button type="button" class="btn btn-primary js-next">Save &amp; next</button>

Необходимо сделать так, чтобы действие js-next этой кнопки выполнялось нажатием клавиши Enter. Но решения я находил только для форм. Но это не форма. Это просто отдельно расположенная кнопка. Работа на странице ведется с разными элементами и в определенный момент нужно просто нажать Enter, чтобы выполнилось действие этой кнопки, независимо от того какой объект активен в данный момент.

@atanov · 11.04.2019, 17:35

DTimothy, вообще это плохо завязывать системное клавиатурное событие на рандомную кнопку. если уверены, что enter ни для чего не понадобиться больше:

HTML5
1
2
<button type="button" class="btn btn-primary js-next">Save &amp; next</button>
<script src = "179.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
10
document.addEventListener('keyup', schmyakOnButton);
function schmyakOnButton(e)
{
    if(e.keyCode == 13) 
    {
        document.getElementsByClassName('btn btn-primary js-next')[0].click();
    }
}
//для проверки 
document.getElementsByClassName('btn btn-primary js-next')[0].addEventListener('click', function (){alert('click');});

Кстати, а зачем

Сообщение от DTimothy

type="button"

Кнопка она и в Атлантиде кнопка

@j2FunOnly · 12.04.2019, 08:24

Сообщение от atanov

Кнопка она и в Атлантиде кнопка

а ещё бывает submit, который по-умолчанию, если не указано иное. Здорово правда?

ИМХО: всё явное лучше неявного.

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем