event.altKey
Funktion: Erkennen, ob die Alt-Taste gedrückt wird, wenn das Ereignis auftritt.
Syntax: event.altKey
Wert: wahr |. falsch
veranschaulichen:
Das altKey-Attribut ist „true“, um anzugeben, dass die Alt-Taste gedrückt und gehalten wurde, als das Ereignis auftrat, und „false“, um anzugeben, dass die Alt-Taste nicht gedrückt wurde.
Das altKey-Attribut kann in Kombination mit der Maus oder der Tastatur verwendet werden und wird hauptsächlich zum Erstellen einiger Verknüpfungsvorgänge verwendet.
event.ctrlKey
Funktion: Erkennen, ob die Strg-Taste gedrückt wird, wenn das Ereignis auftritt.
Syntax: event.ctrlKey
Wert: wahr |. falsch
veranschaulichen:
Wenn das ctrlKey-Attribut „true“ ist, bedeutet dies, dass die Strg-Taste gedrückt und gehalten wurde, als das Ereignis auftrat. Wenn es „false“ ist, wurde die Strg-Taste nicht gedrückt.
Das ctrlKey-Attribut kann in Verbindung mit der Maus oder der Tastatur verwendet werden und wird hauptsächlich zum Erstellen einiger Verknüpfungsvorgänge verwendet.
event.shiftKey
Funktion: Erkennen, ob die Umschalttaste gedrückt wird, wenn das Ereignis auftritt.
Syntax: event.shiftKey
Wert: wahr |. falsch
veranschaulichen:
Wenn die Eigenschaft „shiftKey“ „true“ ist, bedeutet dies, dass die Umschalttaste gedrückt und gehalten wurde, als das Ereignis auftrat. Wenn sie „false“ ist, wurde die Umschalttaste nicht gedrückt.
Das ShiftKey-Attribut kann in Kombination mit der Maus oder der Tastatur verwendet werden und wird hauptsächlich zum Erstellen einiger Verknüpfungsvorgänge verwendet.
Beispiel 1
Beispiel für kombinierte Operationen.
Kopieren Sie den Codecode wie folgt:
<input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />
<script type="text/javascript">
Funktion checkAlt(oEvent)
{
if(oEvent.altKey)
document.getElementById("txt1").select();
}
</script>
Die Wirkung dieses Codes ist:
Wenn Sie die Alt-Taste gedrückt halten und auf das Textfeld oben klicken, können Sie den Text im Textfeld auswählen.
Beispiel 2
Beispiel für kombinierte Operationen.
Kopieren Sie den Codecode wie folgt:
<input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />
<script type="text/javascript">
Funktion clearText(oEvent)
{
if( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
}
</script>
Die Wirkung dieses Codes ist:
Verwenden Sie die Tastenkombination „Strg+Entf“, um den Inhalt des Textfelds oben zu löschen. (Das Textfeld muss zuerst fokussiert werden. Dieses Beispiel gilt nur für den IE-Browser.)
Beispiel 3
Beispiel für kombinierte Operationen.
Kopieren Sie den Codecode wie folgt:
<div id="box" onclick="setColor(event)"></div>
<script type="text/javascript">
var b = wahr;
Funktion setColor(oEvent)
{
if( oEvent.shiftKey && b )
document.getElementById("box").style.backgroundColor = "blue";
if( oEvent.shiftKey && !b )
document.getElementById("box").style.backgroundColor = "red";
b = !b;
}
</script>
Die Wirkung dieses Codes ist:
Halten Sie die „Shift“-Taste gedrückt und klicken Sie mit der Maus auf den Farbblock oben, um die Farbe des Farbblocks zu ändern.