l'Événement keydown pour remplacer la touche retour ne fonctionne pas dans Firefox

J'ai suivantes simple code javascript, qui gère la Touche Retour, je ne veux pas envoyer le formulaire lorsque la touche entrée est enfoncée dans la zone de texte.

Tout cela fonctionne très bien, mais dans Firefox, si je afficher un message d'alerte, puis il s'arrête de fonctionner et la forme commence à être soumis, alors que le code exact sans message d'alerte fonctionne très bien et arrête le formulaire de soumission. Je ne comprends pas pourquoi d'alerte est de gâcher la fête..

    $("document").ready(function () {
        $("#input1").keydown(OnKeyDown);
    });


    function OnKeyDown(e) {
        if (e.keyCode == 13) {

            //alert('this will fail');  //Adding alert makes the form submit

            stopBubble(e);
            return false;
        }
    }

    function stopBubble (e) {

        //If an event object is provided, then this is a non-IE browser
        if (e && e.stopPropagation)
        //and therefore it supports the W3C stopPropagation() method
            e.stopPropagation();
        else
        //Otherwise, we need to use the Internet Explorer
        //way of cancelling event bubbling
            window.event.cancelBubble = true;
    }


  <input type="text" id="input1" value="">

OriginalL'auteur ace | 2010-10-04

  1. 4

    Je ne sais pas vraiment si l'événement est normalisé ou non. Mais c'est comment je dois faire pour qu'il fonctionne dans tous les navigateurs:

    $(whatever).keypress(function (e) {

    var k = e.keyCode || e.which;
    if (k == 13) {
        return false; //!!!
    }
});
    Intéressant...il fonctionne sur l'événement keypress, et non de l'événement keydown. Cool..merci.
    e.which est normalisé déjà, pas besoin de vérifier pour les deux 🙂
    Premier point: il va travailler sur la keydown événement, à l'exception de l'Opéra. Deuxième: il suffit d'utiliser e.which. jQuery normalise les propriétés de l'événement pour vous.
    keydown ne fonctionne pas lorsque vous affichez le message d'alerte dans firefox.
    Je vous promets, Firefox 13 pour le keyCode propriété dans un keydown cas lorsque la touche est enfoncée.

    OriginalL'auteur Gregg

  2. 2

    jQuery normalise déjà, vous pouvez le faire:

    $(document).ready(function () {
    $("#input1").keydown(OnKeyDown);
});

function OnKeyDown(e) {
    if (e.which == 13) {        //e.which is also normalized
        alert('this will fail');
        return false;
    }
}

    Lorsque vous ne return false à partir d'un gestionnaire, jQuery appelle événement.preventDefault() et événement.stopPropgation() en interne déjà. Vous pouvez également faire de la fonction anonyme, version:

    $(function () {
  $("#input1").keydown(function() {
    if (e.which == 13) return false;
  });
});
    Ouais, mais il ne fonctionne pas dans Firefox si vous afficher le message d'alerte, de l'essayer.
    Il n'...je n'ai pas changé de e.which dans la deuxième plus courte exemple si, viens de réaliser que cela, mis à jour.

    OriginalL'auteur Nick Craver

  3. 0
            textBox.onkeydown = function (e) {
            e = e || window.event;
            if (e.keyCode == 13) {
                if (typeof (e.preventDefault) == 'function') e.preventDefault();
                if (typeof (e.stopPropagation) == 'function') e.stopPropagation();
                if (typeof (e.stopImmediatePropagation) == 'function') e.stopImmediatePropagation();
                e.cancelBubble = true;
                return false;
            }
        }
    Afin de fournir des réponses de qualité, vous devriez essayer de fournir une explication, ainsi que la réponse.

    OriginalL'auteur Basil