L'événement Onblur se déclenche par erreur dans IE lorsque des parties d'un document contextuel sont cliquées

Question

J'ai plusieurs petites pages contextuelles conçues pour se fermer automatiquement lorsqu'elles perdent leur focus, c'est-à-dire que l'utilisateur clique sur le document parent.

Malheureusement, dans IE8, le flou se produit également lorsque l'utilisateur commence à remplir un formulaire de saisie dans la page contextuelle. En effet cliquant partout à l'intérieur du formulaire provoque cela, ou même lorsque l'utilisateur clique accidentellement sur du texte. Il semble que ces éléments ne font pas partie du document contextuel. Comment puis-je les faire ainsi?

Voici mon code de flou (dans un script .js) que j'utilise sur plusieurs fenêtres pop-up:

var fClose=0 

onload=function() { 
fClose=0 
setTimeout("doClose()",111); 
document.onblur=Blur_Me; 
document.onfocusout = Blur_Me; 
} 

function Blur_Me(){ 
fClose=1; 
setTimeout("doClose()",111); 
}  
function doClose(){ 
if(fClose)close(); 
} 

Answer 1

Au lieu d'utiliser blur() vous pouvez utiliser focusin() et focusout() les gestionnaires de jQuery.

L'événement focusin est envoyé à un élément lorsque celui-ci, ou tout élément à l'intérieur, acquiert le focus. L'événement focusout est envoyé à un élément lorsqu'il ou un élément à l'intérieur de celui-ci perd le focus. Ils sont distincts de blur() en ce sens qu'ils prennent en charge la détection de la perte de focus des éléments parents (en d'autres termes, ils prennent en charge le barbotage d'événements).