Дар JavaScript гирифтани калидҳои фишурдашуда

Бо ёрии объекти Event метавон калидҳои фишурдашударо гирифт. Биёед бинем, ки ин чӣ гуна анҷом дода мешавад. Бигзор мо як воридкунак дошта бошем:

<input>

Ишора ба онро дар тағирёбанда мегирем:

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

Ба воридкунаки худ воқеаеро меафзоем, ки ба ҳар фишурдани калид кор мекунад:

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

Дар хосияти key-и объекти воқеа аломати фишурдашуда воқеъ мешавад:

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

Ва дар хосияти code рамзи калиди фишурдашуда воқеъ мешавад:

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

Воридкунаке созед, ки бо воридкунӣ арзишҳои калидҳои воридшуда ва рамзҳои онҳоро чоп кунад.

Дар воридкунак калидҳои гуногунро фишеред ва бинед, ки онҳо кадом арзишҳо ва рамзҳоро доранд.

Муайян кунед, ки рамзи калиди Enter чӣ хоҳад буд.

Муайян кунед, ки рамзи калиди BackSpace чӣ хоҳад буд.

Як қатъа назм (paragraph) ва як воридкунак дода шудааст. Ба он матн ворид карда мешавад ва калиди Enter фишурда мешавад. Чунон кунед, ки дар он лаҳза матни воридшуда ба қатъа назм зери воридкунак биравад, ва мундариҷаи воридкунак тоза карда шавад.