suchen

Heim >Web-Frontend >js-Tutorial >Eine vollständige Liste der altKey- und Event-Attribute in javascript_javascript skills

Eine vollständige Liste der altKey- und Event-Attribute in javascript_javascript skills

WBOY
WBOYOriginal
2016-05-16 15:33:391497Durchsuche

Das Folgende ist eine Einführung in das Altkey-Attribut in JavaScript. Die spezifische Einführung lautet wie folgt:

Definition und Verwendung des altKey-Attributs:

Diese Eigenschaft gibt einen booleschen Wert zurück. Gibt an, ob die Alt-Taste gedrückt und gehalten wurde, als das angegebene Ereignis auftrat.

Grammatikstruktur:

event.altKey=true|false|1|0

Browserunterstützung:

1.IE-Browser unterstützt dieses Attribut.

2. Der Firefox-Browser unterstützt dieses Attribut.

3. Der Opera-Browser unterstützt dieses Attribut.

4. Google Chrome unterstützt dieses Attribut.

Beispielcode:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>javascript的altKey事件属性-蚂蚁部落</title>
<style type="text/css">
div{
 width:200px;
 height:100px;
 background-color:#639;
 margin:0px auto;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mydiv=document.getElementById("mydiv");
 mydiv.onmousedown=function (event){
  if(event.altKey==1){
   alert("ALT键已经被按下");
  }
  else{
   alert("ALT键没有被按下");
  }
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

Wenn im obigen Code auf das angegebene Div geklickt wird, wird angezeigt, ob die ALT-Taste gedrückt wurde.

Umfassende Liste von Ereigniseigenschaften in Javascript

Attribute

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

1.altKey Beschreibung: Überprüfen Sie den Status der Alt-Taste.

Syntax: event.altKey

Mögliche Werte: TRUE, wenn die Alt-Taste gedrückt wird, andernfalls FALSE. Nur lesen.

2.Tastenbeschreibung: Überprüfen Sie die gedrückte Maustaste.

Syntax: event.button

Mögliche Werte: 0 Keine Taste gedrückt 1 Linke Taste drücken 2 Rechte Taste drücken 3 Linke und rechte Taste drücken 4 Mittlere Taste drücken 5 Linke und mittlere Taste drücken 6 Rechte und mittlere Taste drücken 7 Alle Tasten drücken
Diese Eigenschaft wird nur für die Ereignisse onmousedown, onmouseup und onmousemove verwendet. Bei anderen Ereignissen wird unabhängig vom Mausstatus 0 zurückgegeben (z. B. onclick).

3.cancelBubble Beschreibung: Erkennen Sie, ob die Ereignissteuerung des oberen Elements akzeptiert werden soll.

Syntax: event.cancelBubble[ = cancelBubble]

Mögliche Werte: Dies ist ein lesbarer und beschreibbarer boolescher Wert:

TRUE wird nicht durch Ereignisse höherer Elemente gesteuert. FALSE ermöglicht die Steuerung durch Ereignisse von Elementen höherer Ebene. Dies ist der Standardwert.

Beispiel: Das folgende Code-Snippet demonstriert, dass beim Klicken auf das Bild (onclick), wenn gleichzeitig auch die Umschalttaste gedrückt wird, die Funktion showSrc() durch das onclick-Ereignis auf dem oberen Element (Body) ausgelöst wird abgesagt. 

<SCRIPT type="text/javascript"> 
function checkCancel() ...{ 
if (window.event.shiftKey) 
window.event.cancelBubble = true; 
} 
function showSrc() ...{ 
if (window.event.srcElement.tagName == "IMG") 
alert(window.event.srcElement.src); 
} 
</SCRIPT> 
<BODY onclick="showSrc()"> 
<IMG onclick="checkCancel()" src="/sample.gif">

4.clientX Beschreibung: Gibt die X-Koordinate der Maus im Clientbereich des Fensters zurück.

Syntax: event.clientX

Hinweis: Dies ist eine schreibgeschützte Eigenschaft. Dies bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, nicht jedoch die Position der Maus ändern können.

5.clientY Beschreibung: Gibt die Y-Koordinate der Maus im Clientbereich des Fensters zurück.

Syntax: event.clientY
Hinweis: Dies ist eine schreibgeschützte Eigenschaft. Dies bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, nicht jedoch die Position der Maus ändern können.

6.ctrlKey Beschreibung: Überprüfen Sie den Status der Strg-Taste.

Syntax: event.ctrlKey

Mögliche Werte: TRUE, wenn die Strg-Taste gedrückt wird, andernfalls FALSE. Nur lesen.

7.fromElement Beschreibung: Erkennen Sie das Element, das die Maus verlässt, wenn die Ereignisse onmouseover und onmouseout auftreten.

Referenz: 18.toElement

Syntax: event.fromElement

Hinweis: Dies ist eine schreibgeschützte Eigenschaft.

8.keyCode Beschreibung: Erkennen Sie den internen Code, der Tastaturereignissen entspricht.

Dieses Attribut wird für die Ereignisse „onkeydown“, „onkeyup“ und „onkeypress“ verwendet.

Syntax: event.keyCode[ = keyCode]

Mögliche Werte: Dies ist ein lesbarer und beschreibbarer Wert, der ein beliebiger Unicode-Tastaturcode sein kann. Wenn kein Tastaturereignis ausgelöst wurde, ist der Wert 0 .

9.offsetX Beschreibung: Überprüfen Sie die horizontale Koordinate der Mausposition relativ zum Objekt, das das Ereignis ausgelöst hat

Syntax: event.offsetX

10.offsetY Beschreibung: Überprüft die vertikale Koordinate der Mausposition relativ zum Objekt, das das Ereignis ausgelöst hat

Syntax: event.offsetY

11.propertyName Beschreibung: Legt den Namen der geänderten Eigenschaft des Elements fest oder gibt ihn zurück.

Syntax: event.propertyName [= sProperty]

Mögliche Werte: sProperty ist eine Zeichenfolge, die den Namen der Eigenschaft angibt oder zurückgibt, die sich im Ereignis für das Element geändert hat, das das Ereignis ausgelöst hat. Diese Eigenschaft ist lesbar und beschreibbar. Kein Standardwert.

Hinweis: Sie können den Wert von propertyName mithilfe des Ereignisses onpropertychange abrufen.

12.returnValue Beschreibung: Legen Sie den vom Ereignis zurückgegebenen Wert fest oder überprüfen Sie ihn

Syntax: event.returnValue[=Boolean]

Mögliche Werte: „true“, der Wert im Ereignis wird zurückgegeben, „false“ die Standardaktion des Ereignisses für das Quellobjekt wird abgebrochen
Sehen Sie sich das Beispiel am Anfang dieses Artikels an.

13.screenX Beschreibung: Erkennen Sie die horizontale Position der Maus relativ zum Bildschirm des Benutzers

Syntax: event.screenX

Hinweis: Dies ist eine schreibgeschützte Eigenschaft. Dies bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, nicht jedoch die Position der Maus ändern können.

14.screenY Beschreibung: Erkennt die vertikale Position der Maus relativ zum Bildschirm des Benutzers

Syntax: event.screenY

Hinweis: Dies ist eine schreibgeschützte Eigenschaft. Dies bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, nicht jedoch die Position der Maus ändern können.

15.shiftKey Beschreibung: Überprüfen Sie den Status der Umschalttaste.

Syntax: event.shiftKey
Mögliche Werte: TRUE, wenn die Umschalttaste gedrückt wird, andernfalls FALSE. Nur lesen.

16.srcElement Beschreibung: Gibt das Element zurück, das das Ereignis ausgelöst hat. Nur lesen. Sehen Sie sich das Beispiel am Anfang dieses Artikels an.

Syntax: event.srcElement

17.srcFilter Beschreibung: Gibt den Filter zurück, der das onfilterchange-Ereignis auslöst. Nur lesen.

Syntax: event.srcFilter

18.toElement Beschreibung: Erkennt das Element, das die Maus betritt, wenn die Ereignisse onmouseover und onmouseout auftreten.

Referenz: 7.fromElement

Syntax: event.toElement
Hinweis: Dies ist eine schreibgeschützte Eigenschaft.

19.type Beschreibung: Gibt den Ereignisnamen zurück.

Syntax: event.type
Hinweis: Gibt den Ereignisnamen ohne „on“ als Präfix zurück. Der vom onclick-Ereignis zurückgegebene Typ ist beispielsweise schreibgeschützt.

20. x Beschreibung: Gibt die x-Achsenkoordinate der Maus relativ zum übergeordneten Element mit dem Positionsattribut im CSS-Attribut zurück. Wenn im CSS-Attribut kein übergeordnetes Element mit einem Positionsattribut vorhanden ist, ist der Standardwert

Nehmen Sie das BODY-Element als Referenzobjekt.

Syntax: event.x

Hinweis: Wenn sich die Maus nach dem Auslösen des Ereignisses aus dem Fenster bewegt, ist der zurückgegebene Wert -1. Dies ist eine schreibgeschützte Eigenschaft.

Das bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, aber nicht die Position der Maus ändern können.

21. y Beschreibung: Gibt die y-Achsenkoordinate der Maus relativ zum übergeordneten Element mit dem Positionsattribut im CSS-Attribut zurück.

Wenn im CSS-Attribut kein übergeordnetes Element mit einem Positionsattribut vorhanden ist, wird standardmäßig das BODY-Element als Referenzobjekt verwendet.

Syntax: event.y

Hinweis: Wenn sich die Maus nach dem Auslösen des Ereignisses aus dem Fenster bewegt, ist der zurückgegebene Wert -1. Dies ist eine schreibgeschützte Eigenschaft. Dies bedeutet, dass Sie damit nur die aktuelle Position der Maus ermitteln, nicht jedoch die Position der Maus ändern können.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Vier Möglichkeiten zum Implementieren des Tab-Wechsels in Javascript_Javascript-KenntnissenNächster Artikel：Vier Möglichkeiten zum Implementieren des Tab-Wechsels in Javascript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen