Comment utiliser la souris et du clavier événements les objets javascript pour programmer avec le langage HTML

category Ordinateurs et logiciels / Programmation / Html

La Souris et Clavier les objets d'événements en javascript sont essentiellement les mêmes. Ils offrent les mêmes propriétés et méthodes. La seule différence est que vous utilisez l'un avec une souris et l'autre avec le clavier. La technique d'initialisation diffère également. La liste suivante décrit les propriétés utilisées par les deux objets:

  • touche AltRetours: vrai lorsque l'utilisateur appuie sur la touche Alt au moment de l'événement a été déclenché.

  • bouton: Indique quel bouton de souris a été enfoncée par l'utilisateur. javascript reconnaît jusqu'à trois boutons standards comme suit:

  • 0: Le bouton gauche de la souris (Internet Explorer 8 et plus tôt renvoient une valeur de 1 pour cette button- nouvelles versions de retour Internet Explorer 0 comme prévu)

  • 1: Le bouton du milieu de la souris (Internet Explorer 8 et plus tôt renvoient une valeur de 4 pour cette button- nouvelles versions de retour Internet Explorer 1 comme prévu)

  • 2: Bouton droit de la souris

Lorsque vous travaillez avec une gauche, souris mains, les valeurs des paramètres sont inversés, ce qui signifie que le bouton gauche renvoie désormais une valeur de 2, et le bouton droit renvoie désormais une valeur de 0. Vous auriez besoin de fournir une sorte de écran de configuration et les valeurs de l'utilisateur de stocker dans le cadre d'un cookie afin de soutenir une gauche, souris mains parce que la souris ne fournit pas d'identifier ce que javascript peut capturer.




  • clientX: Fournit la valeur horizontale en pixels du pointeur de la souris, par rapport à la fenêtre actuelle, quand un événement a été déclenché.

  • clientY: Fournit la valeur verticale de pixels du pointeur de la souris, par rapport à la fenêtre actuelle, quand un événement a été déclenché.

  • ctrlKeyRetours: vrai lorsque l'utilisateur appuie sur la touche Ctrl au moment de l'événement a été déclenché.

  • keyIdentifier: Fournit un identifiant numérique de l'utilisateur a appuyé sur la touche.

  • keyLocation: Fournit un identifiant numérique de l'emplacement physique de la clé que l'utilisateur a appuyé sur le clavier. Cette information peut sembler inutile au premier abord. Cependant, vous pouvez utiliser cette information pour effectuer des tâches telles que la détection si la touche Alt de gauche ou de droite est enfoncée.

  • metaKeyRetours: vrai lorsque l'utilisateur appuie sur la touche méta lorsque l'événement a été déclenché.

    La clé est méta browser- et spécifique à la plateforme. Lorsque vous travaillez avec le Macintosh, la touche Meta est souvent la clé Mac (Command) soit avec Firefox ou Safari. Quelques personnes ont rapporté que appuyant sur la touche de diamant sur les claviers MIT déclenche également la clé méta. Vérifiez ici pour en savoir plus sur la touche méta pour les systèmes Linux.

    Apparemment, en appuyant sur la touche Windows sur un système Windows ne déclenche pas cette propriété avec tout navigateur. La recommandation est d'éviter d'utiliser cette propriété particulière, car il fonctionne de manière aléatoire ou pas du tout.

  • relatedTarget: Indique si il ya un élément lié à l'élément qui a déclenché l'événement. Par exemple, lorsque l'on travaille avec un souris sur événement, cette propriété contient l'identifiant de l'élément que la souris juste de sortir. Normalement, cette propriété contient nul pour indiquer qu'il n'y a pas de cible lié.

  • screenX: Fournit la valeur de pixel horizontale du pointeur de la souris, par rapport à l'écran comme un tout, quand un événement a été déclenché.

  • screenY: Fournit la valeur de pixel verticale du pointeur de la souris, par rapport à l'écran comme un tout, quand un événement a été déclenché.

  • shiftKeyRetours: vrai lorsque l'utilisateur appuie sur la touche Majuscule au moment où l'événement a été déclenché.

    • Non chaque navigateur prend en charge toutes les fonctions javascript. Certains navigateurs ne supportent pas les objets d'événement souris et du clavier. Il est essentiel que vous testez votre application sur les plates-formes de vos clients vont utiliser avec les navigateurs que vous prévoyez le client à l'aide.

    Articles Similaires

    A propos Auteur
    Microsoft Office 2013 les fonctions de bouton de souris Microsoft Office 2013 les fonctions de bouton de souris

    Vous pouvez contrôler Microsoft Office 2013 avec votre souris ou votre clavier. Les actions de la souris dans ce tableau travaillent si vous utilisez Word, Excel, Access, PowerPoint ou Outlook.Bouton de la souris UtiliséActionObjectifLe bouton…

    Trouver hotspots cachés dans Windows 8 Trouver hotspots cachés dans Windows 8

    Chaque application que vous chargez dans Windows 8 remplit tout l'écran. Qui vous permet de vous concentrer sur les informations en face de vous. Mais cela signifie également que vous ne verrez pas de menus. Lorsque vous avez besoin de ces menus -…

    Comment faire une fenêtre active dans Windows 8 Comment faire une fenêtre active dans Windows 8

    Windows 8 dit la fenêtre au sommet de la pile qui devient de toute l'attention est appelée actif fenêtre. Être la fenêtre active signifie qu'il reçoit des touches que vous ou votre chat arrive de taper.Vous pouvez déplacer une fenêtre vers…

    Dépannage souris dans Windows 8 Dépannage souris dans Windows 8

    Que faites-vous lorsque votre souris ne fonctionne tout simplement pas juste dans Windows 8, ou si vous pensez que vous êtes un double-clic, votre souris, mais pense que vous êtes un simple clic?Votre souris ne fonctionne tout simplement pas…

    Création de procédures de gestion d'événements avec Visual Basic .NET Création de procédures de gestion d'événements avec Visual Basic .NET

    Chaque fois que l'utilisateur prend toute action, telle que cliquer sur la souris, appuyez sur une touche, en passant sur le clavier, ou de mettre une balle dans le moniteur, l'action est appelé événement. Le moment où un événement se produit,…

    Comment utiliser l'objet événement de javascript pour programme avec html Comment utiliser l'objet événement de javascript pour programme avec html

    Tout gestionnaire d'événements en javascript peut recevoir un Evénement objet qui décrit l'événement. Même lorsque vous affectez par programme un gestionnaire d'événement pour un événement, le gestionnaire d'événement a toujours…

    Comment utiliser l'objet document de l'événement de javascript pour programmer avec html Comment utiliser l'objet document de l'événement de javascript pour programmer avec html

    La Document Edécharger objet est unique en ce qu'il vous permet de créer d'autres événements en javascript. Vous utilisez le createEvent () méthode pour créer un événement qui pourrait simuler quelque chose comme un clic de souris.…

    Comment lire le clavier sur les toiles de javascript pour HTML5 et CSS3 programmation Comment lire le clavier sur les toiles de javascript pour HTML5 et CSS3 programmation

    Le clavier est une technologie d'entrée principale pour les programmeurs HTML5, en particulier pour les machines de bureau. La méthode standard pour lire le clavier dans la toile de javascript est de mettre en place des fonctions spéciales…

    Comment cliquez sur la souris avec NaturallySpeaking Comment cliquez sur la souris avec NaturallySpeaking

    NaturallySpeaking vous donne deux méthodes pour déplacer le pointeur de la souris. Damier de souris rompt l'écran (ou la fenêtre active) dans une série de carrés, laissant vous concentrer sur l'emplacement que vous souhaitez déplacer le…

    Déplacez le pointeur de la souris très légèrement avec NaturallySpeaking Déplacez le pointeur de la souris très légèrement avec NaturallySpeaking

    Les commandes vocales NaturallySpeaking vous permettent de déplacer le pointeur de la souris n'importe où sur votre écran et vous donne accès à la gamme complète des clics de souris: droite, gauche, et double. Si le pointeur de la souris est…

    Faire le pointeur de la souris plus visible dans les PC Windows Faire le pointeur de la souris plus visible dans les PC Windows

    Ayant du mal à voir le pointeur de la souris sur l'écran de votre PC? L'onglet Options du pointeur dans la boîte de dialogue Propriétés de la souris dans Windows contient une foule d'options pour vous aider à faire le pointeur de la souris…

    Faites de votre souris pour gauchers Faites de votre souris pour gauchers

    Si vous êtes l'un des 10 pour cent de l'humanité qui préfère l'aide de votre main gauche, il ya de l'espoir: Les fabricants font à gauche; souris d'ordinateur remis. Vous pouvez également diriger Windows pour inverser le rôle des principaux…

    Comment connecter votre clavier et la souris à votre PC Comment connecter votre clavier et la souris à votre PC

    Connexion de votre clavier et la souris à votre PC est un jeu d'enfant. Avant de vous connectez votre clavier et la souris à votre ordinateur, vous devez décider où placer le clavier et la souris par rapport à la PC:Mettre en place le clavier…

    Comment utiliser le pad ordinateur portable de la souris Comment utiliser le pad ordinateur portable de la souris

    Il a fallu développeurs portables années à venir avec la solution actuelle: le tapis de souris. Initialement appelé un tablette tactile, le tapis de souris vous permet de contrôler la souris en glissant un pouce ou un doigt le long d'une…

    » » » » Comment utiliser la souris et du clavier événements les objets javascript pour programmer avec le langage HTML