tabindex et <input type = "file" /> différent dans Firefox et IE

Question

Lorsque vous render:

<input type="file" /> 

vous obtenez une boîte et un bouton, à droite? (Au moins dans Firefox et IE.)

D'une part, dans Firefox, vous pouvez seulement onglet pour (focus) le bouton, mais dans IE vous pouvez onglet pour (focus) la boîte et le bouton. D'autre part, je veux que IE se comporte comme Firefox, je veux dire, je dois me débarrasser de la mise au point de la boîte. Pensez à l'utilisateur naviguant à travers le clavier.

(La raison est parce que <input type="file" /> ne sera pas visible. Au lieu de cela, un <div> avec un background-image va faire semblant d'être le <input type="file" />.)

Answer 1

Si vous êtes désireux de remettre à la div, pourquoi ne pas joindre un événement au soumettre, et appeler la fonction d'événement focus() OnFocus() sur la div dans la fonction:

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