Keydown Escape Popup

Version imprimable

Bonjour,

Je suis confronté à un problème. J'ai une popup dont j'aimerai empecher les utilisateurs de fermer avec la touche entrée ou echap.

J'utilise ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(document).keydown(function (event){ if ($("div[aria-labelledby='ui-dialog-title-popupModificationNomChantier']").css('display') == 'block' ) { if ((event.which === 27)||(event.which === 13)) { event.preventDefault(); } }else{return true;} });
pour la touche entrée cela marche mais pour echap impossible je ne comprends pas pourquoi.

Si quelqu’un a une idée. :)

Salut

Si tu ajoutes en ligne 5, var x = event.which || event.keyCode; et que tu vérifies x, Sa donne quoi?

Code:

1
2
3
4
5
6
7
8
9
10
11
 $(document).keydown(function (event){
    if ($("div[aria-labelledby='ui-dialog-title-popupModificationNomChantier']").css('display') == 'block' )
    {
        var x = event.which || event.keyCode; 
        //if ((event.which === 27)||(event.which === 13)) {
        if (x === 27||x === 13) {
            event.preventDefault();
        }        
 
    }else{return true;}
});

27/02/2018, 14h26
sramitator

salut,
Merci de ta réponse, j'avais deja essayé mais celà ne donne rien. Je soupçonne que d'autres fonctions du même type passent en priorité avant celle-ci.
Pourtant sur d'autres pages j'utilise la même fonction et celà fonctionne très bien.

Pour info voici mon init de la popup.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function initPopupModificationNomChantier() {
    // Object popup
    new PopUp({
        titre: MODIFIER_NOM_CHANTIER,
        actionable: "actionablePopupModificationNomChantier",
        target: "popupModificationNomChantier",
        confirmation: false,
        extendOptions: {
            width: 500,
            minHeight: 130
        }
    });
    // event
    $('#affaire-contenu-caracteristiques .bt-chantier-modifier').on('click', function(event) { 
        event.preventDefault();
        event.stopPropagation();
        setContentPopupModificationNomChantier(event);
    });

et la fonction qui remplie la popup.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
function setContentPopupModificationNomChantier(e) {
    $.ajax({
        type : 'GET',
        url : Routing.generate('GRDFatoutPriscaIHMPriscaBundle_affaire_popup_modification_nom_chantier', {
            'chantierId' : $(e.target).data('chantier-id')
        }),
        beforeSend : function() {
            ouvrirMessageAttente("popup_modification_nom_chantier_js");
        },
        complete : function() {
            fermerMessageAttente("popup_modification_nom_chantier_js");
        },
        success : function(data) {
            $("#popupModificationNomChantier").html($(data).html());
            $("#popupModificationNomChantier").find("#boutonAnnuler").click(function(){
                $("#popupModificationNomChantier").dialog("close");
            });
            $("#popupModificationNomChantier").find("#boutonValider").click(function(e){
                $.ajax({
                    type : 'POST',
                    url : Routing.generate('GRDFatoutPriscaIHMPriscaBundle_affaire_popup_modification_nom_chantier', {
                        'chantierId' : $("#popupModificationNomChantier").find("input[name=chantierId]").val()
                    }),
                    data : $("#popupModificationNomChantier form").serialize(),
                    dataType: 'json',
                    beforeSend : function() {
                        ouvrirMessageAttente("popup_modification_nom_chantier_js");
                    },
                    complete : function() {
                        fermerMessageAttente("popup_modification_nom_chantier_js");
                    },
                    success : function(data) {
                        if(data.statut) {
                            $('.entete-chantier').find("span[data-chantier-id='" + data.extra.id + "'] span.nom-chantier").text(data.extra.nomChantier)
                            $("#popupModificationNomChantier").dialog("close");
                            rafraichirOngletHistorique($("#formConsultation").find('input[id$="_reference"]').val());
                        } else {
                            $('div#div-error-nomChantier').html(data.message);
                            $('div#div-error-nomChantier').addClass('bloc-messages-erreurs');
                            $('input#input-nom-chantier').addClass('erreur');
                        }
                    }
                });
            });
            $("#actionablePopupModificationNomChantier").click();
        }
    });
}