JavaScript Keyboard Function

3 sene önce, Burak Çalışkan tarafından yazılmıştır.
JavaScript Keyboard Function için yorumlar kapalı
Genel

 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Untitled&lt;/title&gt;
 &lt;meta http-equiv="content-type" content="text/html; charset=iso-8859-1"&gt;
 &lt;style type="text/css"&gt;
 td,th{border:2px solid #aaa;}
 &lt;/style&gt;
 &lt;script type="text/javascript"&gt;
 var t_cel,tc_ln;
 if(document.addEventListener){ //code for Moz
   document.addEventListener("keydown",keyCapt,false); 
   document.addEventListener("keyup",keyCapt,false);
   document.addEventListener("keypress",keyCapt,false);
 }else{
   document.attachEvent("onkeydown",keyCapt); //code for IE
   document.attachEvent("onkeyup",keyCapt); 
   document.attachEvent("onkeypress",keyCapt); 
 }
 function keyCapt(e){
   if(typeof window.event!="undefined"){
    e=window.event;//code for IE
   }
   if(e.type=="keydown"){
    t_cel&#91;0].innerHTML=e.keyCode;
    t_cel&#91;3].innerHTML=e.charCode;
   }else if(e.type=="keyup"){
    t_cel&#91;1].innerHTML=e.keyCode;
    t_cel&#91;4].innerHTML=e.charCode;
   }else if(e.type=="keypress"){
    t_cel&#91;2].innerHTML=e.keyCode;
    t_cel&#91;5].innerHTML=e.charCode;
   }
   
   if (e.keyCode==113){
   alert("F2 basildi.kaydet");
   }
 }
 window.onload=function(){
   t_cel=document.getElementById("tblOne").getElementsByTagName("td");
   tc_ln=t_cel.length;
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;table id="tblOne"&gt;
 &lt;tr&gt;
 &lt;th style="border:none;"&gt;&lt;/th&gt;&lt;th&gt;onkeydown&lt;/th&gt;&lt;th&gt;onkeyup&lt;/th&gt;&lt;th&gt;onkeypress&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;th&gt;keyCode&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;th&gt;charCode&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;button onclick="for(i=0;i&lt;tc_ln;i++){t_cel&#91;i].innerHTML='&amp;nbsp;'};"&gt;CLEAR&lt;/button&gt;
 &lt;/body&gt;
 &lt;/html&gt;

<html>

<head>

<title>Untitled</title>

td,th{border:2px solid #aaa;}

</style>

var t_cel,tc_ln;

if(document.addEventListener){ //code for Moz

document.addEventListener("keydown",keyCapt,false);

document.addEventListener("keyup",keyCapt,false);

document.addEventListener("keypress",keyCapt,false);

}else{

document.attachEvent("onkeydown",keyCapt); //code for IE

document.attachEvent("onkeyup",keyCapt);

document.attachEvent("onkeypress",keyCapt);

}

function keyCapt(e){

if(typeof window.event!="undefined"){

e=window.event;//code for IE

}

if(e.type=="keydown"){

t_cel[0].innerHTML=e.keyCode;

t_cel[3].innerHTML=e.charCode;

}else if(e.type=="keyup"){

t_cel[1].innerHTML=e.keyCode;

t_cel[4].innerHTML=e.charCode;

}else if(e.type=="keypress"){

t_cel[2].innerHTML=e.keyCode;

t_cel[5].innerHTML=e.charCode;

}

if (e.keyCode==113){

alert("F2 basildi.kaydet");

}

window.onload=function(){

t_cel=document.getElementById("tblOne").getElementsByTagName("td");

tc_ln=t_cel.length;

}

</script>

</head>

<body>

<tr>

<th style="border:none;"></th><th>onkeydown</th><th>onkeyup</th><th>onkeypress</td>

</tr>

<tr>

<th>keyCode</th><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>

</tr>

<tr>

<th>charCode</th><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>

</tr>

</table>

<button onclick="for(i=0;i<tc_ln;i++){t_cel[i].innerHTML='&nbsp;'};">CLEAR</button>

</body>

</html>