J'essaie de mettre en place une fonction qui crée une alerte à chaque fois que je clique sur la flèche droite ou la flèche gauche en Javascript.

    function arrowFunction(event) {
      var x = event.key;
    
      // If the pressed keyboard button is "a" or "A" (using caps lock or shift), alert some text.
      if (x == "37") { 
        alert ("You pressed the 'left' key!");
      }
    }
      if (x == "38") { 
        alert ("You pressed the 'left' key!");
      }
    }
    <p><button onclick="myMove()">Click Me</button></p> 
    
    <div id ="container">
      <div id ="animate" onclick="myMove()" onkeydown="arrowFunction(event) ></div>
    </div>
0
Zachary Blumstein 4 nov. 2019 à 23:46

1 réponse

D'accord, car je ne comprenais pas que vous vouliez cliquer sur les boutons gauche ou droit ou appuyer sur les touches fléchées gauche et droite du clavier pour obtenir le déclencheur. J'ai donné le code pour les deux situations:

Pour l'événement "Pressing", vous devez mettre l'élément déclencheur sur HTML

<body onkeydown="arrowFunction(event)">

Et le JavaScript suivant

function arrowFunction(event) { var x = event.key; if (x == "ArrowLeft") { 
    alert ("You pressed the 'Left' key!");
  }
  if (x == "ArrowRight") { 
    alert ("You pressed the 'Right' key!");
  }
}

Pour l'événement "Clicking", vous devez créer DEUX éléments de bouton et y placer l'événement onClick

<button onclick="arrowFunction('left')">Left Button</button>
<button onclick="arrowFunction('right')">Right Button</button>

et le JavaScript suivant

function arrowFunction(event) {
        var x = event;
        if (x == "left") {
          alert("You pressed the 'Left' key!");
        }
        if (x == "right") {
          alert("You pressed the 'Right' key!");
        }
      }
0
Naix 4 nov. 2019 à 21:13