Comment puis-je déclencher un clic sur un bouton avec la touche Entrée en JavaScript ?

Déclencher des clics sur des boutons via la touche magique Entrée de JavaScript

Dans le développement Web, il est essentiel de permettre aux utilisateurs d'effectuer des actions facilement. Une façon d'améliorer la convivialité consiste à leur permettre de déclencher des clics sur des boutons à l'aide de la touche Entrée dans des champs de saisie spécifiques.

Considérez le scénario dans lequel vous avez une zone de texte de saisie (#txtSearch) et un bouton (#btnSearch) sur votre page. Vous souhaitez exécuter la fonction doSomething() du bouton lorsque la touche Entrée est enfoncée dans la zone de texte.

Libérer les prouesses de JavaScript

Pour réaliser cette fonctionnalité, JavaScript vient à la rescousse. Plus précisément, nous exploiterons l'événement keyup, qui se déclenche lorsqu'une clé est relâchée. Voici comment vous pouvez l'implémenter facilement :

$("#txtSearch").keyup(function(event) {
  if (event.keyCode === 13) {
    $("#btnSearch").click();
  }
});

Décomposer :

• $("#txtSearch").keyup() capture l'événement keyup dans la zone de texte .
• if (event.keyCode === 13) vérifie si la clé libérée est Entrée (qui a un keyCode de 13).
• $("#btnSearch").click() simule un clic sur le bouton, déclenchant sa fonction doSomething().

Ce code garantit que lorsque la saisie est enfoncée dans la zone de texte spécifiée, elle effectue effectivement un clic sur le bouton désigné.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!