Получение keycode через this

@Naik_Trofimov · Регистрация: 01.07.2013

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

HTML5
1
<input onkeydown="console.log(this.keycode, window.event.keycode);">

При вводе, в консоли: undefined undefined

А как тогда получать этот keycode?

@alex44 · 02.06.2016, 09:27

HTML5
1
2
3
4
<input id="textbox" type="text" size="50" />
<div>
<label>2. keydown() Message :</label><span id="msg-keydown"></span>
</div>

JavaScript
1
2
3
4
$('#textbox').keydown(function(event){
    $('#msg-keydown').html('keydown() is triggered!, keyCode = ' 
              + event.keyCode + ' which = ' + event.which)
});

@Naik_Trofimov · 03.06.2016, 03:52 **[ТС]**

Не знаю что за бред, но так точно работает

HTML5
1
2
<input id="kinput">
<textarea id="area"></textarea>

JavaScript
1
2
3
4
kinput.onkeyup = function(e)
{
area.value += e.keyCode + "\n";
}

Добавлено через 15 часов 58 минут
Что за бред?
почему параметр keyCode можно взять только если функция, в которой производиться чтение клавиши, присвоена к объекту элемента?
А как тогда создать объект элемента?
Почему тогда не работает так:

JavaScript
1
$('input').onkeyup = function(e){console.log(e.keyCode);}

?????

Добавлено через 1 час 18 минут
Нашел решение!

Не по теме:

Горьким опытом

Поймать keyCode через this невозможно, но можно отловить по Event`у:

HTML5
1
<input onkeyup="Console.log('KeyCode: '+CheckKeyCode(event));">

JavaScript
1
2
3
4
5
6
7
8
9
function CheckKeyCode(objEvent)
{
  var iKeyCode;
  var IsValid = false;
  if(window.event){ iKeyCode = objEvent.keyCode; }// IE
  else
    if(objEvent.which){ iKeyCode = objEvent.which; } // Other
  return iKeyCode;
}

Спасибо тем кто попытался мне помочь!

@Eva Rosalene · 04.06.2016, 21:33

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

Почему тогда не работает так:

JavaScript
1
$('input').onkeyup = function(e){console.log(e.keyCode);}

Потому что $(<string>) возвращает не DOM-узел, а объект, созданный самой jQuery.

Без неё это так:

JavaScript
1
2
3
4
5
[].slice.call(document.querySelectorAll('input')).forEach(function (element) {
   element.addEventListener('keyup', function (e) {
      console.log(e.keyCode);
   }, false);
});

А прописывать JS-код прямо инлайн у элемента в атрибуте - очень и очень плохая практика.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Получение keycode через this

Решение