Mac accent onkepress

by Gabriel

HTML

<input type="text"
    onkeydown="down(this, event)"
    onkeypress="press(this, event)"
    onkeyup="up(this, event)">
</input>

<br>

key down:
<span id="downCount"></span>
<span id="downChar"></span>

<br>

key press:
<span id="pressCount"></span>
<span id="pressChar"></span>

<br>

key up:
<span id="upCount"></span>
<span id="upChar"></span>

JavaScript

var downCount = 0;
function down(source, e) {
    downCount++;    
    document.getElementById("downCount").innerHTML = downCount;
    document.getElementById("downChar").innerHTML = String.fromCharCode(e.charCode || e.keyCode);
}

var pressCount = 0;
function press(source, e) {
    pressCount++;    
    document.getElementById("pressCount").innerHTML = pressCount;
    document.getElementById("pressChar").innerHTML = String.fromCharCode(e.charCode || e.keyCode);
}

var upCount = 0;
function up(source, e) {
    upCount++;    
    document.getElementById("upCount").innerHTML = upCount;
    document.getElementById("upChar").innerHTML = String.fromCharCode(e.charCode || e.keyCode);
}