← Contents

  STUDY_html_022_D.html


<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    サンプル・ダウンロード  

トップにもどるボタン