<html> <style> スタイル </style> <script> すくりぷと </script> <span id="白キーボード"></span> </html>
<style> *{margin:40px;} #白キーボード{border:1px solid #789abc; height:220px; width:40px; display:inline-block; font-size:30px; color:#456789; text-align:center; line-height:220px;} </style>
<script> document.addEventListener("keypress",ぷれす); document.addEventListener("keyup",あっぷ); function ぷれす(e) {document.getElementById("白キーボード").innerHTML=e.key; return false;} function あっぷ(e) {document.getElementById("白キーボード").innerHTML=""; return false;} </script>
sample_STUDY_html_022_D サンプル・ダウンロード