　　← Contents

A
B
C
D
E

　　STUDY_html_022_D.html

html
css
JavaScript


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