Comment puis-je empêcher l'envoi d'un formulaire lorsque la touche Entrée est enfoncée ?

Éviter la soumission du formulaire lorsque vous appuyez sur la touche Entrée

Dans le but de faciliter une fonction personnalisée lorsque vous appuyez sur la touche Entrée, tout en évitant la soumission du formulaire, il est crucial de désactiver la soumission par défaut du formulaire comportement.

Solution :

Pour y parvenir, interceptez l'événement de la touche Entrée en définissant un écouteur d'événement :

if(characterCode == 13) {
    // Prevent event propagation
    return false; 
} else{
    return true;
}

Cet extrait de code garantit qu'appuyer sur la touche Entrée ne propage pas davantage l'événement, empêchant ainsi la forme soumission.

Exemple :

Considérons un formulaire avec la zone de texte suivante :

<input>

Pour exécuter un script personnalisé à partir de cette zone de texte lors Appuyez sur la touche Entrée sans déclencher l'envoi du formulaire, utilisez ce code :

function runScript(e) {
    // Prevent form submission if Enter key is pressed
    if (e.keyCode == 13) {
        var tb = document.getElementById("scriptBox");
        eval(tb.value);
        return false;
    }
}

En renvoyant false depuis la fonction d'écoute d'événement, la touche Entrée L'événement est effectivement désactivé, permettant au script personnalisé de s'exécuter sans soumission.

Remarque :

Bien que l'utilisation de keyCode soit obsolète, elle reste une option viable dans la pratique. De plus, malgré son statut obsolète, il est toujours couramment utilisé.

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!