JavaScript gauche et à droite, cliquez sur la fonction

C'est pour un HTML5 canvas jeu que j'ai fais. Dans le jeu, il y a un personnage qui a une arme à feu, il peut le tourner et de le recharger. Je voudrais que le lecteur utilise le bouton gauche de la souris pour le tir et le bouton droit de la souris pour recharger.

Ce dont j'ai besoin, c'est que quand je clique sur le bouton gauche de la souris, une variable dans mon lecteur de l'objet(Joueur1.isLeftClick) devient vrai, et quand j'ai lâcher le bouton de la même variable devient faux. La même chose doit se produire avec le bouton droit de la souris, mais avec une autre variable(Joueur1.isRightClick). Je veux aussi qu'il soit compatible avec tous les plus populaires navigateurs(Chrome, Firefox, Explorer, etc.). Je dois aussi être en JavaScript avec pas de bibliothèques comme jQuery!
J'ai déjà réalisé cela avec les événements de clavier, mais j'ai besoin de cela avec les événements de souris.

Si cela peut aider, j'ai déjà des gestionnaires d'événement pour le clavier vers le haut et vers le bas et le mouvement de la souris. Ceux-ci sont effectués dans la fonction init qui initialise le jeu lorsque les images sont chargées.

document.addEventListener('mousemove', mousePos, false);
document.addEventListener('keydown', checkKeyDown, false);
document.addEventListener('keyup', checkKeyUp, false);

J'ai aussi appelé variable de mie qui est true si le navigateur utilisé est Internet Explorer et faux pour d'autres navigateurs.

OriginalL'auteur spiritofcreativity | 2012-08-12

  1. 12

    Vous souhaitez utiliser le e.bouton propriété de vérifier la souris événement a été appelé. La valeur du bouton gauche de la souris est cliquée est différents dans IE. Votre code devrait ressembler à ceci:

    var left, right;
left = mie ? 1 : 0;
right = 2;

document.body.addEventListener('mousedown', function (e){
    if(e.button === left){
        Player1.isLeftClick = true;
    }
    else if(e.button === right){
        Player1.isRightClick = true;
    }
}, false);

document.body.addEventListener('mouseup', function (e){
    if(e.button === left){
        Player1.isLeftClick = false;
    }
    else if(e.button === right){
        Player1.isRightClick = false;
    }
}, false);

    Démo

    jsfiddle: Uncaught ReferenceError: mie n'est pas défini
    ouais. Vous devez remplir via vos favoris IE de détection. Découvrez certains d'entre eux
    Vous pouvez simplifier le code en seulement vérifier si le bouton est à droite (2). Si ce n'est pas bon, alors que c'est le bouton de gauche.
    Ce n'est pas vrai - souris couramment également un lien bouton de défilement (et, occasionnellement, d'autres aussi, pour les souris de jeu). Vous devez tester l'égalité de conditions à la place des tests de dépistage de l'inégalité et de le déduire.

    OriginalL'auteur Some Guy