jQuery – keydown() auf div funktioniert nicht in Firefox

Question 1

Ich habe den folgenden Beispielcode, der eine Warnung anzeigen sollte, wenn das div im Fokus ist und eine Taste gedrückt wird. Dies tut, was ich in IE 7 erwarte, aber nicht in Firefox 3.5.5. Was mache ich falsch?

<html>
<head>
    <title>JS test</title>
    <script type="text/javascript" src="https://stackoverflow.com/questions/1717897/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>

BEARBEITEN: Ich habe gerade versucht zu ersetzen keydown mit keypress und keyup und die funktionieren auch nicht. Übrigens habe ich auch dafür gesorgt, dass meine Einstellung “Während der Eingabe suchen” für alle Fälle deaktiviert ist.

Question 2

Sie müssen dem div einen Tabindex geben, damit es den Fokus erhalten kann.

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

Question 3

Ich habe das oben Gesagte in Firefox so zum Laufen gebracht:

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

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

Sobald das DIV den Fokus explizit darauf gesetzt hat, werden Schlüsselereignisse in Firefox 4.0.1 problemlos ausgelöst

Question 4

Ich gehe nicht davon aus, dass dies funktionieren wird, da ein div nicht etwas ist, das solche Schlüsselereignisse empfangen sollte. Wenn Sie ein innerhalb dieses div platziert haben und der Benutzer eine Taste in der Eingabe selbst gedrückt hat, springt das Ereignis zum div und führt Ihre Funktion aus. Ich bin mir nicht 100 % sicher, was Ihr Projekt tut, also weiß ich nicht, wie ich Ihnen weitere Ratschläge geben soll, aber obwohl ich es nicht sein sollte, bin ich irgendwie überrascht, dass IE ein Keydown-Ereignis abfeuert ein Div.

Question 5

Wir können auch so etwas verwenden:

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

Question 6

Hier können Sie online nachsehen

Quellcode

<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>

Question 7

Ich konnte keine dieser Antworten in Firefox 5 mit dem neuesten CDN von jquery zum Laufen bringen. Ich musste wissen, ob eines der Kinder des Div Schlüsselereignisse hatte, also griff ich auf Folgendes zurück:

$(document).keypress(function(e){
    if(!$(e.target).parents().is("#testdiv")) return;
    /* do child-of-div specific code here */
}

Wenn das Ziel das aktuelle div ist (und es den Fokus hat), könnte ich mir vorstellen, dass Sie so etwas tun könnten:

$(document).keypress(function(e){
    if(!$(e.target).is("#testdiv")) return;
    /* do div specific code here */
}

Question 8

Das liegt an der jQuery-Version. Versuchen http://code.jquery.com/jquery-latest.js als Quelle