JavaScriptда босилган тугмаларни олиш

Event объекти ёрдамида босилган тугмаларни олиш мумкин. Бундай қилиб амалга оширилишини кўрамиз. Бизда инпут мавжуд деб фараз қилайлик:

<input>

Унга ўзгарувчида reference оламиз:

let elem = document.querySelector('input');

Инпутимизга ҳар бир тугма босилиши вақтида ишга тушадиган eventни қўямиз:

elem.addEventListener('keypress', function(event) {
	
});

Event объектининг key propertyсида босилган символ бўлади:

elem.addEventListener('keypress', function(event) {
	console.log(event.key);
});

code propertyсида эса босилган тугманинг коди бўлади:

elem.addEventListener('keypress', function(event) {
	console.log(event.code);
});

Киритилган тугмаларнинг қийматлари ва уларнинг кодларини чиқарадиган инпут яратинг.

Инпутда турли тугмаларни босиб, уларнинг қиймат ва кодларини кўриб чикинг.

Enter тугмасининг коди нима эканини аниқланг.

BackSpace тугмасининг коди нима эканини аниқланг.

Абзац ва инпут берилган. Унга матн киритилиб Enter тугмаси босилганда. Шундай қилингки, ушбу пайтда киритилган матн инпут остидаги абзацга тушишин, инпутнинг ичи эса тозаланишини таъминланг.