jQuery - keydown () sur div ne fonctionne pas dans Firefox

Question

jQuery - keydown () sur div ne fonctionne pas dans Firefox

Demandé el 11 de Novembre, 2009: Quand la question a-t-elle été
18980 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai l'exemple de code suivant, qui devrait faire apparaître une alerte lorsque la div est au point et qu'une touche est enfoncée. Cela correspond à ce que j'attends dans IE 7, mais pas dans Firefox 3.5.5. Qu'est-ce que je fais mal?

 <html>
<head>
    <title>JS test</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#testdiv").keydown(function(event) {
                alert("Pressed " + event.keyCode);
            });
        });
    </script>    
    <style type="text/css">
        #testdiv
        {
            width: 50;
            height: 50;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="testdiv"></div>
</body>
</html>

EDIT : Je viens d'essayer de remplacer keydown par keypress et keyup et ceux-ci ne fonctionnent pas non plus. Incidemment, je me suis également assuré que mon paramètre "Rechercher au fur et à mesure" est désactivé au cas où.

Demandé el 11 de Novembre, 2009 par Wayne Koorts

Answer 1

5 Réponses

Answer 2

122voto

Richard Points 14490

Vous devez donner à la div un tabindex pour qu’elle puisse recevoir le focus.

 <div id="testdiv" tabindex="0"></div>

Répondu el 11 de Novembre, 2009 par Richard (14490 Points )

Answer 3

3voto

Jakob Jenkov Points 304

J'ai obtenu ce qui précède pour fonctionner dans Firefox, comme ceci:

 $('#domainTableDiv').keydown(function(e) {
        alert(e.type + " button(" + e.which + ") ctrl(" + e.metaKey + ") alt(" + e.altKey + ") shift(" + e.shiftKey + ")" );
    });

$('#domainTableDiv').focus();

Une fois que la DIV a le focus défini explicitement, les événements clés se déclenchent parfaitement dans Firefox 4.0.1

Répondu el 27 de Juin, 2011 par Jakob Jenkov (304 Points )

Answer 4

1voto

Jage Points 4889

Je ne m'attends pas à ce que cela fonctionne, puisqu'un div n'est pas quelque chose qui devrait recevoir des événements clés comme celui-là. Si vous avez placé une <entrée> dans cette div et que l'utilisateur a appuyé sur une touche dans l'entrée elle-même, l'événement s'affichera jusqu'au div et exécutera votre fonction. Je ne suis pas sûr à 100% de ce que fait votre projet, donc je ne sais pas comment vous donner plus de conseils, mais même si je ne devrais pas l'être, je suis un peu surpris que IE soit en train de lancer un événement de keydown un div.

Répondu el 11 de Novembre, 2009 par Jage (4889 Points )

Answer 5

1voto

Avinash Points 65

Nous pouvons également utiliser quelque chose comme ceci:

 $('#tbl tbody').attr("tabindex", 1).focus();
$('#tbl tbody').keydown(function (event) {
    ...
});

Répondu el 31 de Décembre, 2012 par Avinash (65 Points )

Answer 6

1voto

Prem Kumar Maurya Points 110

Vous pouvez vérifier en ligne à partir d'ici

Code source

 <html>
<head>
    <title>JS test</title>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#testdiv").keydown(function(event) {
                alert("Pressed " + event.keyCode);
            });
        });
    </script>    
    <style type="text/css">
        #testdiv
        {
            width: 50px;
            height: 50px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="testdiv" tabindex="0"></div>
</body>
</html>

Répondu el 10 de Mai, 2013 par Prem Kumar Maurya (110 Points )

jQuery - keydown () sur div ne fonctionne pas dans Firefox

Réponses

Vous pouvez vérifier en ligne à partir d'ici

Code source

Questions en vedette

Top Tags

Prograide.com

Powered by:

jQuery - keydown () sur div ne fonctionne pas dans Firefox

Réponses

Vous pouvez vérifier en ligne à partir d'ici

Code source

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: