mozilla
Vos résultats de recherche

    event.preventDefault

    Généralités

    Annule l'évènement si l'élément est annulable, sans stopper les futures propagations de l'évènement.

    Syntaxe

    event.preventDefault();

    Exemple

    L'action par défaut du clic sur une checkbox est de changer son état. Cet exemple montre comment annuler cette action :

    <!DOCTYPE html>
    <html>
    <head>
    <title>preventDefault example</title>
    
    <script>
    function stopDefAction(evt) {
        evt.preventDefault();
    }
        
    document.getElementById('my-checkbox').addEventListener(
        'click', stopDefAction, false
    );
    </script>
    </head>
    
    <body>
    
    <p>Veuillez cliquer sur la checkbox.</p>
    
    <form>
        <input type="checkbox" id="my-checkbox" />
        <label for="my-checkbox">Checkbox</label>
    </form>
    
    </body>
    </html>

    Vous pouvez voir preventDefault en action ici (anglais).

    L'exemple suivant montre comment bloquer la saisie de texte invalide dans un champ input avec preventDefault().

    <!DOCTYPE html>
    <html>
    <head>
    <title>preventDefault example</title>
    
    <script>
    var myTextbox = document.getElementById('my-textbox');
    
    function checkName(evt) {
        var charCode = evt.charCode;
    
        if (charCode != 0) {
            if (charCode < 97 || charCode > 122) {
                evt.preventDefault();
                alert(
                    "Please use lowercase letters only." + "\n"
                    + "charCode: " + charCode + "\n"
                );
            }
        }
    }
    
    myTextbox.addEventListener( 'keypress', checkName, false );
    
    </script>
    </head>
    
    <body>
    
    <p>Veuillez entrer votre nom en minuscules.</p>
    <form>
    <input type="text" id="my-textbox" />
    </form>
    
    </body>
    </html>
    

    Notes

    Appeler preventDefault pendant chaque étape de la propagation de l'évenement annule l'évenement, ce qui signifie que chaque action par défaut attendue normalement ne se produira pas.

    Gecko 6.0 note
    (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3)

    Appeler preventDefault() donne la valeur true  à la propriété event.defaultPrevented.

    Vous pouvez utiliser event.cancelable pour vérifier que l'évènement peut être annulé. Appeler preventDefault pour annuler un évenement qui ne peut pas être annulé.

    preventDefault doesn't stop further propagation of the event through the DOM. event.stopPropagation should be used for that.

    Specification

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Delapouite, Goofy, flo5589, fscholz, khalid32
    Dernière mise à jour par : khalid32,