Comment déclencher un clic sur un bouton avec la touche Entrée dans une zone de texte à l'aide de JavaScript ?

Déclencher un clic sur un bouton à partir de la zone de texte, touche Entrée avec JavaScript

Pour déclencher un événement de clic sur un bouton lorsque la touche Entrée est enfoncée dans un texte spécifique boîte, exploitez le code jQuery suivant :

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

Voici comment procéder works :

• $("#id_of_textbox") : sélectionne l'élément de zone de texte par son ID.
• .keyup(function(event)) : enregistre un écouteur d'événement keyup sur le zone de texte.
• event.keyCode === 13 : Vérifie si le code de touche enfoncé est 13, ce qui correspond à l'entrée key.
• $("#id_of_button").click() : déclenche l'événement de clic sur l'élément de bouton avec l'ID spécifié.

Par exemple, considérons le code HTML suivant :

<input type="text">

Pour déclencher le bouton "Rechercher", cliquez lorsque vous appuyez sur Entrée dans la zone de texte "txtSearch", utilisez ce jQuery code :

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

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!