SO Help: e.which key codes
by SpYk3
HTML
<table id="tblEWhich">
<thead>
<tr>
<th>
<label for="inpKey">Type Here</label>
<input id="inpKey" class="ui-corner-all" placeholder="type here" />
</th>
<th>
<p>Keypress</p>
</th>
<th>
<p>Keyup</p>
</th>
<th>
<p>Keydown</p>
</th>
</tr>
</thead>
<tbody>
<tr id="trActual">
<td>
<p>E.Which:</p>
</td>
<td>
<p class="keypress">--</p>
</td>
<td>
<p class="keyup">--</p>
</td>
<td>
<p class="keydown">--</p>
</td>
</tr>
</tbody>
</table>
<div id="difTables">
<table id="difMozillaMSIE" class="inline"><thead>
<tr><th colspan="3" style="border: 1px solid;"><p>Mozilla != MSIE</p></th></tr>
<tr>
<th style="border: 1px solid;"><p>Property</p></th>
<th style="border: 1px solid;"><p>Mozilla</p></th>
<th style="border: 1px solid;"><p>MSIE</p></th>
</tr>
</thead><tbody></tbody></table>
<table id="difMozillaWebkit" class="inline"><thead>
<tr><th colspan="3" style="border: 1px solid;"><p>Mozilla != Webkit</p></th></tr>
<tr>
<th style="border: 1px solid;"><p>Property</p></th>
<th style="border: 1px solid;"><p>Mozilla</p></th>
<th style="border: 1px solid;"><p>Webkit</p></th>
</tr>
</thead><tbody></tbody></table>
<table id="difMSIEWebkit" class="inline"><thead>
<tr><th colspan="3" style="border: 1px solid;"><p>MSIE != Webkit</p></th></tr>
<tr>
<th style="border: 1px solid;"><p>Property</p></th>
<th style="border: 1px solid;"><p>MSIE</p></th>
<th style="border: 1px solid;"><p>Webkit</p></th>
</tr>
...
CSS
* { text-align: center; }
table { border-collapse: collapse; vertical-align: top; }
.inline { display: inline-block; }
tr {
padding: .25em;
}
th {
padding: .2em;
}
td {
padding: .2em;
text-align: center;
}
label {
display: block;
}
input {
display: block;
margin: 0 auto;
width: 80%;
}
#difTables {
background-color: #FFA;
height: 300px;
overflow-y: auto;
}
.ui-corner-all {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
JavaScript
/*
* if you find error with my ewhich object, please email me at:
* [email protected]
*/
/* BEGIN OBJECT */
var ewhich = {
mozilla:{
Arrows:{ 'left':37,'up':38,'right':39,'down':40 },
Control:{ 'BACKSPACE':8,'TAB':9,'ENTER':13,'SHIFT':16,'CTRL':17,'ALT':18,'PAUSE':19,'CAPS':20,'SPACE':32,'PAGEUP':33,'PAGEDOWN':34,'END':35,'HOME':36,'INSERT':45,'DELETE':46,'PRTSCN':44,'SCRLOK':145 },
QWERTY:{ '0':48,'1':49,'2':50,'3':51,'4':52,'5':53,'6':54,'7':55,'8':56,'9':57,'a':65,'b':66,'c':67,'d':68,'e':69,'f':70,'g':71,'h':72,'i':73,'j':74,'k':75,'l':76,'m':77,'n':78,'o':79,'p':80,'q':81,'r':82,'s':83,'t':84,'u':85,'v':86,'w':87,'x':88,'y':89,'z':90 },
NUMLOCK:{ '0':96,'1':97,'2':98,'3':99,'4':100,'5':101,'6':102,'7':103,'8':104,'9':105,'*':106,'+':107,'-':109,'.':110,'/':111 },
FKeys:{ 'F1':112,'F2':113,'F3':114,'F4':115,'F5':116,'F6':117,'F7':118,'F8':119,'F9':120,'F10':121,'F11':122,'F12':123 },
Misc:{ '=':107,'-':109,';':186,',':188,'.':190,'/':191,'`':192,'[':219,'\\':220,']':221,"'":222 },
Ara:{
alpha: [ 65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90 ],
alphaNumeric: [ 48,49,50,51,52,53,54,55,56,57,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,96,97,98,99,100,101,102,103,104,105 ],
alphaNumericNcontrols: [ 8,9,13,16,17,18,19,20,32,33,34,35,36,37,38,39,40,44,45,46,145,48,49,50,51,52,53,54,55,56,57,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,96,97,98,99,100,101,102,103,104,105 ],
controls: [ 8,9,13,16,17,18,19,20,32,33,34,35,36,37,38,39,40,44,45,46,145 ],
numeric: [ 48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105 ],
numNcontrols: [ 8,9,13,16,17,18,19,20,32,33,34,35,36,37,38,39,40,44,45,46,48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105,145 ],
numNsyms: [ 48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105,106,107,109,110,111,186,188,190,191,192,219,220,221,222...