recherche

Maison >interface Web >js tutoriel >Une liste complète des attributs altKey et Event dans les compétences javascript_javascript

Une liste complète des attributs altKey et Event dans les compétences javascript_javascript

WBOY
WBOYoriginal
2016-05-16 15:33:391497parcourir

Ce qui suit est une introduction à l'attribut altkey en JavaScript. L'introduction spécifique est la suivante :

Définition et utilisation de l'attribut altKey :

Cette propriété renvoie une valeur booléenne. Indique si la touche Alt a été enfoncée et maintenue lorsque l'événement spécifié s'est produit.

Structure grammaticale :

event.altKey=true|false|1|0

Support du navigateur :

Le navigateur 1.IE prend en charge cet attribut.

2. Le navigateur Firefox prend en charge cet attribut.

3. Le navigateur Opera prend en charge cet attribut.

4. Google Chrome prend en charge cet attribut.

Exemple de code :

<!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>

Dans le code ci-dessus, lorsque vous cliquez sur le div spécifié, il apparaîtra si la touche ALT a été enfoncée.

Liste complète des propriétés d'événement en Javascript

Attributs

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

1.altKey Description : Vérifiez l’état de la touche alt.

Syntaxe : event.altKey

Valeurs possibles : VRAI lorsque la touche alt est enfoncée, FAUX sinon. Lecture seule.

2.button Description : Vérifiez le bouton de la souris enfoncé.

Syntaxe : event.button

Valeurs possibles : 0 Aucune touche enfoncée 1 Appuyez sur le bouton gauche 2 Appuyez sur le bouton droit 3 Appuyez sur les boutons gauche et droit 4 Appuyez sur le bouton du milieu 5 Appuyez sur les boutons gauche et central 6 Appuyez sur les boutons droit et central 7 Appuyez sur toutes les touches
Cette propriété n'est utilisée que pour les événements onmousedown, onmouseup et onmousemove. Pour les autres événements, 0 est renvoyé quel que soit l'état de la souris (comme onclick).

3.cancelBubble Description : Détecte s'il faut accepter le contrôle d'événement de l'élément supérieur.

Syntaxe : event.cancelBubble[ = CancelBubble]

Valeurs possibles : Il s'agit d'une valeur booléenne lisible et inscriptible :

TRUE n'est pas contrôlé par les événements des éléments supérieurs. FALSE permet le contrôle par événements des éléments de niveau supérieur. Il s'agit de la valeur par défaut.

Exemple : L'extrait de code suivant démontre qu'en cliquant sur l'image (onclick), si la touche Maj est également enfoncée en même temps, la fonction showSrc() déclenchée par l'événement onclick sur l'élément supérieur (body) est annulé. 

<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 Description : Renvoie la coordonnée X de la souris dans la zone client de la fenêtre.

Syntaxe : event.clientX

Remarque : Il s'agit d'une propriété en lecture seule. Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

5.clientY Description : Renvoie la coordonnée Y de la souris dans la zone client de la fenêtre.

Syntaxe : event.clientY
Remarque : Il s'agit d'une propriété en lecture seule. Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

6.ctrlKey Description : Vérifiez l'état de la touche ctrl.

Syntaxe : event.ctrlKey

Valeurs possibles : VRAI lorsque la touche ctrl est enfoncée, FAUX sinon. Lecture seule.

7.fromElement Description : Détecte l'élément que la souris quitte lorsque les événements onmouseover et onmouseout se produisent.

Référence : 18.toElement

Syntaxe : event.fromElement

Remarque : Il s'agit d'une propriété en lecture seule.

8.keyCode Description : Détecte le code interne correspondant aux événements du clavier.

Cet attribut est utilisé pour les événements onkeydown, onkeyup et onkeypress.

Syntaxe : event.keyCode[ = keyCode]

Valeurs possibles : il s'agit d'une valeur lisible et inscriptible qui peut être n'importe quel code de clavier Unicode. Si aucun événement clavier n'a été déclenché, la valeur est 0 .

9.offsetX Description : Vérifiez la coordonnée horizontale de la position de la souris par rapport à l'objet qui a déclenché l'événement

Syntaxe : event.offsetX

10.offsetY Description : Vérifie la coordonnée verticale de la position de la souris par rapport à l'objet qui a déclenché l'événement

Syntaxe : event.offsetY

11.propertyName Description : Définit ou renvoie le nom de la propriété modifiée de l'élément.

Syntaxe : event.propertyName [= sProperty]

Valeurs possibles : sProperty est une chaîne qui spécifie ou renvoie le nom de la propriété qui a changé dans l'événement sur l'élément qui a déclenché l'événement. Cette propriété est lisible et inscriptible. Aucune valeur par défaut.

Remarque : vous pouvez obtenir la valeur de propertyName en utilisant l'événement onpropertychange.

12.returnValue Description : Définissez ou vérifiez la valeur renvoyée par l'événement

Syntaxe : event.returnValue[=Boolean]

Valeurs possibles : true la valeur dans l'événement est renvoyée false l'action par défaut de l'événement sur l'objet source est annulée
Voir l'exemple au début de cet article.

13.screenX Description : Détecter la position horizontale de la souris par rapport à l'écran de l'utilisateur

Syntaxe : event.screenX

Remarque : Il s'agit d'une propriété en lecture seule. Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

14.screenY Description : Détecte la position verticale de la souris par rapport à l'écran de l'utilisateur

Syntaxe : event.screenY

Remarque : Il s'agit d'une propriété en lecture seule. Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

15.shiftKey Description : Vérifiez l'état de la touche Maj.

Syntaxe : event.shiftKey
Valeurs possibles : VRAI lorsque la touche Maj est enfoncée, FAUX sinon. Lecture seule.

16.srcElement Description : Renvoie l'élément qui a déclenché l'événement. Lecture seule. Voir l'exemple au début de cet article.

Syntaxe : event.srcElement

17.srcFilter Description : Renvoie le filtre qui déclenche l'événement onfilterchange. Lecture seule.

Syntaxe : event.srcFilter

18.toElement Description : Détecte l'élément dans lequel la souris entre lorsque les événements onmouseover et onmouseout se produisent.

Référence : 7.fromElement

Syntaxe : event.toElement
Remarque : Il s'agit d'une propriété en lecture seule.

19.type Description : Renvoie le nom de l'événement.

Syntaxe : event.type
Remarque : Renvoie le nom de l'événement sans "on" comme préfixe. Par exemple, le type renvoyé par l'événement onclick est click en lecture seule.

20.x Description : Renvoie la coordonnée de l'axe x de la souris par rapport à l'élément parent avec l'attribut position dans l'attribut CSS. S'il n'y a aucun élément parent avec un attribut de position dans l'attribut CSS, la valeur par défaut est

Prenez l'élément BODY comme objet de référence.

Syntaxe : event.x

Remarque : Si la souris sort de la fenêtre après le déclenchement de l'événement, la valeur renvoyée est -1. Il s'agit d'une propriété en lecture seule.

Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

21. y Description : Renvoie la coordonnée de l'axe y de la souris par rapport à l'élément parent avec l'attribut position dans l'attribut CSS.

S'il n'y a pas d'élément parent avec un attribut position dans l'attribut css, l'élément BODY sera utilisé comme objet de référence par défaut.

Syntaxe : event.y

Remarque : Si la souris sort de la fenêtre après le déclenchement de l'événement, la valeur renvoyée est -1. Il s'agit d'une propriété en lecture seule. Cela signifie que vous ne pouvez l'utiliser que pour obtenir la position actuelle de la souris, mais vous ne pouvez pas l'utiliser pour modifier la position de la souris.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Quatre façons d'implémenter le changement d'onglet dans les compétences javascript_javascriptArticle suivant：Quatre façons d'implémenter le changement d'onglet dans les compétences javascript_javascript

Articles Liés

Voir plus