En cliquant sur un div de la barre de défilement feux de l'effet de flou de l'événement dans I. E

J'ai eu un problème similaire avec une barre de défilement dans une saisie semi-automatique de liste déroulante. Depuis la liste déroulante doit être masqué lorsque l'élément de formulaire, il est attaché perd le focus, le maintien de l'accent sur l'élément correct est devenu un problème. Lorsque la barre de défilement a été cliqué, seulement Firefox (10.0) a maintenu l'accent sur l'élément d'entrée. IE (8.0), Opéra (11.61), Chrome (17,0) et Safari (5.1) tous supprimés à partir de l'entrée, résultant dans la liste déroulante étant caché, et depuis qu'il a été masqué, cliquez sur événements ne serait pas le feu sur la liste déroulante.

Heureusement, le changement d'orientation peut être facilement évitée en plus du problème des navigateurs. Ceci est fait en annulant le navigateur par défaut de l'action:

dropdown.onmousedown = function(event) {
    //Do stuff
    return false;
}

L'ajout d'une valeur de retour pour le gestionnaire d'événement réglé le problème sur tous les navigateurs sauf IE. Faire cela annule le navigateur par défaut d'action, dans ce cas, le décalage de mise au point. Aussi, en utilisant le mousedown au lieu de cliquer signifie que le gestionnaire d'événement est exécuté avant que le flou de l'événement tiré sur l'élément d'entrée.

Cette gauche-dire comme le seul problème (qui n'est pas surprenant). Il s'avère qu'il n'existe aucun moyen d'annuler le décalage de focus sur IE. Heureusement, IE est le seul navigateur qui déclenche une manifestation thématique sur la liste déroulante, le sens se concentrer sur l'élément d'entrée peut être restauré avec un IE exclusive du gestionnaire d'événement:

dropdown.onfocus = function() {
    input.focus();
}

Cette solution pour IE n'est pas parfait, mais alors que le décalage de mise au point n'est pas annulable, c'est le meilleur que vous pouvez faire. Ce qui se passe est que le flou événement se déclenche à l'entrée, à cacher la liste déroulante, après lequel concentrer les feux sur la désormais caché déroulante, qui restaure l'accent sur l'entrée et déclenche montrant la liste déroulante. Dans mon code il déclenche également le repeuplement de la liste déroulante, résultant dans un court délai et de la perte de la sélection, mais si l'utilisateur veut faire défiler la sélection est probablement inutile de toute façon, donc j'ai considéré ce acceptables.

J'espère que cela est utile, même si mon exemple est légèrement différente de la question. De ce que j'ai recueillis, la question était sur IE tir un flou de l'événement sur la liste déroulante lui-même, plutôt que le bouton qui l'a ouvert, qui n'a aucun sens pour moi... Comme mon utilisation de l'accent gestionnaire d'événement indique, en cliquant sur une barre de défilement doit déplacer le focus à l'élément de la barre de défilement est partie sur IE.

C'est une vieille question, mais depuis il s'applique toujours à IE11 voici ce que j'ai fait.

J'écoute l'événement mousedown sur le menu et définir un indicateur sur cet événement. Quand je attraper le flou de l'événement, si le mousedown drapeau est sur, j'ai mis le focus. Depuis le Bord, FF et Chrome ne se déclenche pas le flou de l'événement, mais déclenche l'événement mouseup (qui IE ne veut pas), j'ai réinitialisé le mousedown drapeau sur le mouseup pour eux (dans le flou pour IE).

  mousedown: function (e) {
      this.mouseddown = true;
      this.$menu.one("mouseup", function(e){
        //IE won't fire this, but FF and Chrome will so we reset our flag for them here
        this.mouseddown = false;
      }.bind(this));
    }

 blur: function (e) {
      if (!this.mouseddown && this.shown) {
        this.hide();
        this.focused = false;        
      } else if (this.mouseddown) {
        //This is for IE that blurs the input when user clicks on scroll.
        //We set the focus back on the input and prevent the lookup to occur again
        this.skipShowHintOnFocus = true; //Flag used to avoid repopulating the menu
        this.$element.focus();
        this.mouseddown = false;    
      } 
    },

De cette façon, le menu reste visible et l'utilisateur n'est pas perdre quoi que ce soit.

J'ai eu le même probleme. Résolu en mettant le menu dans un emballage (plus grand) div. Avec le flou appliqué à l'enveloppe, il a travaillé!