Учим JavaScript 25. Клавиши клавиатуры

Учим JavaScript 25. Клавиши клавиатуры - onkeypress

Рет қаралды 31,578

7 жыл бұрын

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
🧠 Чат Telegram c мозголомками : t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
🧑🏻‍💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/course/arraymethod
Файлы урока: w3.org.ua/jsvideo/videouroki-j...
Facebook: / w3.org.ua
Изучаем обработку событий нажатия клавиш клавиатуры - onkeypress

Пікірлер: 54

@user-kw6sv7kf5l 7 жыл бұрын

Второй канал, на котором начал использовать правило "сначала однозначно лайк, потом - просмотр" =) Курс существенно правильнее организован, чем платный, который я недавно прошел. Успехов в развитии.

@itgid 7 жыл бұрын

Спасибо. Но лайки это классно, а критика - лучше. Поэтому с удовольствием послушаю критику.

@digitalturkistan1857 6 жыл бұрын

критика лучше чем похвалы, похвала расслабляет .

@victorkas2279 6 жыл бұрын

все плохо, все плохо, не все понятно, не все доступно... =) шутка

@andreinechaev7214 5 жыл бұрын

а первый какой?))

@user-wi1wp9de2i 4 жыл бұрын

Класс! Этой информации вообще ни у кого нет!☝☝☝

@adi4232 6 жыл бұрын

единственный канал где я ставлю лайк а потом только начинаю смотреть видео! Продолжайте в таком же духе в один день подписчиков будет не меренно )) и конечно спасибо за уроки

@vally8027 5 жыл бұрын

Спасибо!!!

@yflow5337 4 жыл бұрын

Не работала строка document.getElementById('test'), возвращала null. Оказалось с прошлого кода в строке не было слова defer. Теперь работает, спасибо, классный урок! Что же это за зверь такой defer.

@maxwolf2888 3 жыл бұрын

Дякую!!!!

@user-kj4db2mz2s 5 жыл бұрын

Годнота.

@yaokouassijean-claude1499 7 жыл бұрын

Отлично! ) просто ..без комментарий

@itgid 7 жыл бұрын

Спасибо!

@maranatabhk7354 5 жыл бұрын

самый лучший учитель в мире!!!!!!!!!!

@ezizkurbannazarov5680 5 жыл бұрын

defer подключить надо в скрипт

@Obraveliss 3 жыл бұрын

keyCode в вс коде зачёркнут хотя ввожу как на видео Так бывает когда некоторые тэги к примеру не используются Но у меня всё заработало, спасибо

@nerov9113 4 жыл бұрын

Возник вопрос в ходе работы. Если все сделать, как показано в уроке, через onkeypress, то все работает, но если на поле ввода повесить обработчик событий addEventListener, то return false не срабатывает, и запрещенные символы все так же выводятся в input. С чем это может быть связано, кто нибудь в курсе?)

@angrybeaver3425 7 жыл бұрын

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

@itgid 7 жыл бұрын

При первом нажатии сохраняете кнопку в переменную. Ждем второго нажатия и сравниваем кнопки. Если были нажаты те, которые нужны нам - выполняем функцию, если нет, в первую переменную пишем вторую кнопку и ждем следующего нажатия.

@YauhenRomeiko 5 жыл бұрын

39,47,46,44 -- кейкоды на эти символы '/., - их даст поле ввести при таком коде

@user-ls6qv6js7s 7 жыл бұрын

Когда я пишу key.getKeyList(); у меня выдаёт ошибку:key is not defined at 1:1

@user-cl1gh4ho5b 6 жыл бұрын

А как сделать например для вводу только теста/англ букв/определённого количества символов. Например пароль не меньше 6 символов?

@user-bro 5 жыл бұрын

средствами HTML легко же.

@david_shiko 7 жыл бұрын

Автор, я совсем запутался, в каких случаях мы пишем параметр event? для onmouseclick мы не указывали event например, а тут указываем...? хотя и там и там считываем инормацию

@itgid 7 жыл бұрын

Если вы будете использовать объект event внутри функции, то правильно его указывать в качестве параметра функции. Если по событию вы просто выполняете действия не касающиеся event то его писать не обязательно.

@david_shiko 7 жыл бұрын

спасибо

@bigbon1656 5 жыл бұрын

Помоги пожалуйста. У меня на сайте например есть кнопка можно ли сделать так чтоб она нажималась не только по клику мыши но и по нажатию на определённую кнопку

@itgid 5 жыл бұрын

Так а в чем помочь? Вы код кнопки отслеживаете?

@bigbon1656 5 жыл бұрын

всё уже сам решил проблему

@user-ir8nd6mj2b 6 жыл бұрын

Скажи пожалуйста, а как эмулировать нажатие клавиши? Допустим клавиши Enter. Просто, мне в голову пришла идея, сделать что-то типа DoS'ера, суть такова: В input добавляется текст и нажимается клавиша Enter И всё это в setInterval'е! Как мне такое осуществить?

@user-ir8nd6mj2b 6 жыл бұрын

Забиндить кнопку! Это что-то типа программки Auto Hot Key. Заранее спасибо! 😊

@itgid 6 жыл бұрын

для программного вызова используйте метод trigger

@user-ir8nd6mj2b 6 жыл бұрын

Ясно, потом попробую, спасибо!

@andreinechaev7214 5 жыл бұрын

у меня на document.getElementById('test').onkeypress = function(event){ console.log(event); консоль пишет Uncaught TypeError: Cannot set property 'onkeypress' of null at script.js:12 соответственно при вводе в инпут символа консоль ничего не выводит. У вас почему-то при такой же записи ошибки нет.

@opasniychel1680 5 жыл бұрын

происходит так ибо скрипт не находит тест поэтому в html коде script пиши после input scr="путь "

@pavlodovbush2340 6 жыл бұрын

а почему про клавишу Esc не даєт сведений

@itgid 6 жыл бұрын

А какое событие используете?

@user-kl6bv9nj8f 6 жыл бұрын

document.onkeypress = function(event) { console.log(event.key); } Консоль пишет undefined и всё. ЭТО НОРМАЛЬНО?

@opasniychel1680 5 жыл бұрын

происходит так ибо скрипт не находит тест поэтому в html коде script пиши после input scr="путь "

@user-vz3vm8eg3s 3 жыл бұрын

@@opasniychel1680 Не рабет.

@Pretori007 7 жыл бұрын

В хроме работает нормально, а фф не хочет воспринимать кейкоды чисел. Тоже пишет что не число:)

@alexeyko3924 5 жыл бұрын

//document.onkeypress = function(event) { // console.log(event); // if (event.shiftKey) { // console.log('Нажата клавиша Shift') // } //} document.getElementById('test').onkeypress = function(event) { console.log(event); } Выдаёт ошибку - Uncaught TypeError: Cannot set property 'onkeypress' of null at 1.js:7 В чём проблема?

@itgid 5 жыл бұрын

либо выложите на codepen. Либо попробуйте прописать defer.

@opasniychel1680 5 жыл бұрын

происходит так ибо скрипт не находит тест поэтому в html коде script пиши после input scr="путь "

@webdewep8992 6 жыл бұрын

Для тех у кого не везде работает. myInput.addEventListener('keydown', e =>{ if (e.keyCode != 8 && e.keyCode !=37 && e.keyCode !=39 &&(e.keyCode< 48|| e.keyCode>57)){ e.preventDefault(); } });

@user-px4ux6jy5z 6 жыл бұрын

Не "=>", a ">="