JavaScript + Chrome - Ereigniserfassung

Question

Ich versuche herauszufinden, wie Ereignisse funktionieren. Ich habe dieses Stück Code:

document.captureEvents(Event.MOUSEMOVE);  
document.onmousemove = mousePos;  
document.onkeypress = keyPressed; 

var keyStroke = 0; 
var mouseX = 0; 
var mouseY = 0; 

function mousePos(e) { 
    console.log(e); 
    mouseX = e.pageX; 
    mouseY = e.pageY; 
    document.formex.mousex.value = mouseX; 
    document.formex.mousey.value = mouseY; 
    return true; 
}  

function keyPressed(e) { 
    console.log(e); 
    keyClicked = e.key; 
    document.formex.keypress.value = keyStroke; 
    return true; 
} 

Was mich verwirrt - innerhalb von keyPressed Funktion console.log(e) ergibt Keyboard, innerhalb von mousePos(e) es ergibt Mouseevent. Ich kann nicht sagen, wie die Unterscheidung zwischen diesen beiden 'e' passiert?

Answer 1

Was mich verwirrt - innerhalb von keyPressed Funktion console.log(e) Ausbeuten KeyboardEvent, innerhalb von mousePos(e) es MouseEvent ergibt. Ich kann nicht sagen, wie die Unterscheidung zwischen diesen beiden "e" passiert?

Der Browser erstellt Ereignisobjekte und löst sie an den Dokumentelementen aus. Wenn sich das Ereignis auf die Tastatur bezieht, erstellt der Browser eine KeyboardEvent. Wenn es sich auf die Maus bezieht, wird ein MouseEvent ausgelöst. Wenn es sich auf etwas anderes bezieht, wird es eine andere Art von Ereignis kreieren und auslösen.

Die "Differenzierung" basiert auf dem, was das Ereignis ausgelöst hat: Eine Tastaturaktion oder eine Mausaktion.