이 기사의 예에서는 키보드에서 누른 키를 가져와서 페이지에 표시하는 JS 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
키보드를 사용하여 일부 문자를 입력하면 해당 문자가 웹페이지의 빈 공간에 표시됩니다. 텍스트 상자나 텍스트 필드가 부족한 것에 익숙하지 않으신가요? 이 효과는 키보드의 모든 움직임을 모니터링하고 어떤 키가 눌렸는지 기록하는 JavaScript의 document.onkeypress 개체를 적용한 것입니다. JS를 공부하고 싶은 친구들은 이 작은 예제부터 시작해 보겠습니다.
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는 다음과 같습니다.
http://demo.jb51.net/js/2015/js-web-show-key-press-codes/
구체적인 코드는 다음과 같습니다.
<html>
<head>
<title>将按下的按键显示在页面上</title>
<script language="javascript">
<!--
str = "";
function showkey(){
asc = event.keyCode;
key = String.fromCharCode(asc);
str += key;
txt.innerHTML = str;
}
document.onkeypress=showkey;
-->
</script>
</head>
<body>
请使用键盘输入文字：
<div id="txt"></div>
</body>
</html>이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
