tabindex und <input type = "file" /> verschiedenen in Firefox und IE

Question

Wenn Sie machen:

<input type="file" /> 

Sie eine Box bekommen und einen Knopf, nicht wahr? (Zumindest in Firefox und IE.)

Auf der einen Seite können Sie in Firefox nur Tab (Fokus) auf die Schaltfläche, aber in IE können Sie Registerkarte (Fokus) sowohl die Box und die Schaltfläche.

Auf der anderen Seite möchte ich, dass IE sich wie Firefox zu verhalten, ich meine, ich muss die Box Fokus loswerden. Denken Sie an den Benutzer, der durch die Tastatur navigiert.

(Der Grund ist, weil <input type="file" /> nicht sichtbar. Stattdessen wird ein <div> mit einem Hintergrund-Bild vorgeben wird die <input type="file" /> zu sein.)

Answer 1

Wenn Sie wollen, um die div zu verschieben, warum nicht befestigen eine OnFocus() Ereignis der einreichen, und rufen Sie die focus() Event-Funktion auf die div in der Funktion:

$("#MySubmit").focus(function(){ 
    $("#MyDiv").focus(); 
});