comment faire un DIV unfocusable?

Question

J'ai rencontré un problème de rendu HTML.

Dans le document dir = "rtl" de IE7, lorsque JavaScript tente de définir le focus sur un élément DIV (avec la méthode oElement.focus()), le rendu se transforme en désordre. Le contexte est très compliqué, donc je suppose que la solution la plus simple est de rendre le DIV non focalisable?

Y a-t-il un moyen de ne pas focaliser un DIV?

Answer 1

Le <div> ne devrait pas être en mesure de recevoir le focus à moins que vous avez ajouté tabIndex.

Si vous avez ajouté tabIndex, vous devez l'enlever par

document.getElementById("yourElement").removeAttribute("tabIndex"); 

Answer 2

Je ne suis pas sûr si vous pouvez faire un élément « un focalisable », mais vous pouvez certainement non se concentrer en un point précis dans le temps en utilisant sa méthode blur:

document.getElementById("myElement").blur(); 

EDIT:

Je pense que vous pouvez rendre un élément non focalisable en le défocalisant à chaque fois qu'il est mis au point. Vous pouvez réaliser cela via:

document.getElementById("myElement").onfocus = function() { 
    this.blur(); 
}; 

... ou (en utilisant en ligne Javascript dans votre HTML):

<div onfocus="this.blur();"></div> 

Steve

Answer 3

De plus Si vous voulez faire un élément focalisable (éléments d'entrée de forme, etc.) comme unfocussable. Vous pouvez définir:

tabIndex = "-1" 

document.getElementById("yourElement").setAttribute("tabIndex", "-1"); 

Answer 4

est inférieure à la façon de faire une DIV unfocusable en utilisant jquery.

// Set the tabindex atribute to -1. 
     1)$("divid").attr('tabindex','-1'); 
    // Remove the tabindex atribute if exists. 
     2) $("divid").removeAttr('tabindex'); 
    // This is third way. 
     3) $("divid").blur();