event  

Unterobjekt von: window
Unterobjekte: -
Eigenschaften:
  • Microsoft: altKey, ctrlKey, shiftKey (Sondertasten), clientX, clientY (Koordinaten), keyCode (Tastaturcode), offsetX, offsetY (Koordinaten bez. auf Objekt), x,y (Koordinaten bez. auf Elternelement)
  • Netscape: modifiers (Sondertasten), screenX, screenY (Koordinaten), which (Tastatur-/Maustastencode), layerX, layerY (Koordinaten bez. auf Objekt),pageX, pageY (Koordinaten bez. auf Fenster), type (Eventtyp)
Methoden:
-

Hinweise

Vergleich zwischen Microsofts und Netscapes Ansatz:


Event Microsoft Netscape
Sondertasten altKey, ctrlKey, shiftKey modifiers
Koordinaten clientX, clientY screenX, screenY
Tastaturcode keyCode which (Tast.&Maus)
Koordinaten bez. auf Objekt offsetX, offsetY layerX, layerY
Koordinaten bez. auf... Elternelement: x,y Fenster: pageX, pageY
Eventtyp - type

Eigenschaften



Microsoft: altKey, ctrlKey, shiftKey (Sondertasten), clientX, clientY (Koordinaten), keyCode (Tastaturcode), offsetX, offsetY (Koordinaten bez. auf Objekt), x,y (Koordinaten bez. auf Elternelement)

Sondertasten- Beispiel aus SelfHTML:

Beispiel:
<script for=document event="onkeypress()" language="JScript"> { if(window.event.shiftKey) alert("eine Taste plus Umschalttaste gedrueckt!"); } </script>

Koordinaten:

Beispiel:
<script language="JavaScript"> <!-- function koordinaten() { if(navigator.appName != "Netscape") { document.druecken.xmass.value = event.clientX; document.druecken.ymass.value = event.clientY; } else { document.druecken.xmass.value = event.screenX; document.druecken.ymass.value = event.screenY; } } //--> </script> (...) <body onClick="koordinaten()"> (...) <form name="druecken"> <p>Position des letzten Mausklicks in diesem Doku: (orientiert am Bildschirmrand)<br> x-Koordinate: <input type="Text" name="xmass" size="4" readonly> y-Koordinate: <input type="Text" name="ymass" size="4" readonly> </p> </form>

Position des letzten Mausklicks in diesem Doku:
x-Koordinate: y-Koordinate:

Tastaturcode- Beispiel aus SelfHTML:

Beispiel:
<script for=document event="onmousedown()" language="JScript"> { alert(window.event.keyCode); } </script>

Objektbezogene Koordinaten (offsetX/Y):

Beispiel:
<script language="JavaScript"> <!-- function ob() { if(navigator.appName=="Netscape") {alert("x: "+event.layerX+"/ y: "+event.layerY)} else { alert("x: "+event.offsetX+"/ y: "+event.offsetY)} } //--> </script> <form name="objektbez"> <input type="button" name="" value="Objektbezogene Position" OnClick="ob()"> </form>


Netscape: modifiers (Sondertasten), screenX, screenY (Koordinaten), which (Tastatur-/Maustastencode), layerX, layerY (Koordinaten bez. auf Objekt), pageX, pageY (Koordinaten bez. auf Fenster), type (Eventtyp)

(Beispiele siehe oben)

Einführung in Javascript: Objektreferenz: event