Javascript événement déclenché en appuyant sur espace

Je suis d'essayer d'obtenir un événement à déclencher lorsque je suis sur une page et appuyez sur la touche espace, mais je ne peux pas le comprendre. Actuellement, je suis en train d'utiliser jQuery pour réaliser un résultat satisfaisant.

J'ai essayé d'utiliser keydown, keyup et de la pression de touche. Mais il semble que vous ne pouvez l'utiliser que si vous êtes à la saisie de quelque chose à un formulaire ou un champ.

Ce que je veux, c'est pour déclencher une alerte lorsque l'espace est enfoncée.

Vous en remercie d'avance!

  • Affichage des code que vous avez déjà ce serait utile.
InformationsquelleAutor Henrik Skogmo | 2011-06-01
  1. 40

    Ces événements de la bulle, donc si vous êtes en essayant de déclencher l'événement où votre attention est (ie. pas dans une entrée), il suffit de lier un gestionnaire sur window:

    $(window).keypress(function (e) {
  if (e.key === ' ' || e.key === 'Spacebar') {
    //' ' is standard, 'Spacebar' was used by IE9 and Firefox < 37
    e.preventDefault()
    console.log('Space pressed')
  }
})

    Voir aussi la liste de tous les .clé valeurs.

    • Sur Firefox, ce intercepté Ctrl+J, alors j'ai changé la première condition pour e.charCode === 32.
    • Pourquoi vérifier les keycode 0?
    • À partir de la réponse ci-dessous à droite: "0 travaille dans mozilla et 32 dans d'autres navigateurs". Ce n'est probablement pas pertinente, mais vous devriez être en utilisant le moderne .clé au lieu de toute façon.
    InformationsquelleAutor Félix Saparelli
  2. 6

    Essayez ceci:

    $('input:text').keypress(function(e) {
    if (e.keyCode == 0 || e.keyCode == 32) //`0` works in mozilla and `32` in other browsers
       console.log('space pressed');
});
    • que dans mozilla
    • Op dit, sans l'aide de toute input
    InformationsquelleAutor thecodeparadox
  3. 4

    Essayez de lier votre clé écouteur d'événement à l'jQuery $(document) de l'objet;

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(document).keydown(function(e) {
          if (e.keyCode == '32') {
            alert('space');
          }
        });
      });
    </script>
  </head>
  <body>
  </body>
</html>
    InformationsquelleAutor Karl-Bjørnar Øie
  4. 3

    Ce code peut être utilisé:

    $(window).keypress(function(e) {
  if (e.keyCode == 0 || e.keyCode == 32) {
    console.log('Space pressed');
  }
});


    Explication:

    Le $(window).keypress(function(e) attend que l'utilisateur appuie sur une touche et stocke les données de la touche enfoncée, l'argument de 'e'.

    Puis if (e.keyCode == 0 || e.keyCode == 32) vérifie si le code de la touche enfoncée est égal au code de l'espace, qui est 0 ou 32. Si cela renvoie false, alors n'importe quelle autre touche est pressée et le code se termine.

    Couramment utilisé les codes de touches:

    • retour arrière:8
    • onglet:9
    • entrée:13
    • maj:16
    • ctrl:17
    • alt:18
    • verrouillage des majuscules:20
    • évasion:27
    • (de l'espace):32
    • 0-9:48-57
    • a-z:65-90
    • numpad0-pavnum9:96-105
    InformationsquelleAutor DJ18