Google Chrome: la question de la mise au point avec la barre de défilement

Je suis curieux ...
Vous utilisez la dernière version de chaque navigateur, pourquoi ne pas l'essayer en chrome 4.0.202?

Plus tôt, j'ai également fait face à une telle situation et c'est ce que j'ai fait. xxx

et sur le champ d'entrée, je ferai ce xxx

donc cela fermera la liste déroulante si elle est cliquée n'importe où en dehors de la DIV (même la barre de défilement). Mais je pensais que si quelqu'un pouvait fournir une solution plus logique.

Eh bien, j'ai eu le même problème dans mon contrôle déroulant. J'ai demandé aux développeurs de chrome concernant ce problème, ils ont dit que c'est Un bug A> Cela ne va pas être fixé à l'avenir le plus proche en raison de "il n'a pas été signalé par de nombreuses personnes et le correctif n'est pas trivial". Alors, faisons face à la vérité: ce bug restera pendant une autre année au moins.

Cependant, pour ce cas particulier (déroulement), il y a une solution de contournement. L'astuce est la suivante: lorsque vous cliquez sur une barre de défilement, l'événement "Mouse Down" est situé à l'élément propriétaire de cette barre de défilement. Nous pouvons utiliser ce fait pour définir un drapeau et vérifier le gestionnaire "OnBlur". Ici, l'explication: p> xxx pré>

"dropdown_wrap" divisera une barre de défilement verticale car son contenu ne correspond pas à une hauteur fixe. Une fois que nous avons obtenu le clic, nous sommes presque sûrs que la barre de défilement a été cliquée et que la mise au point sera retirée. Maintenant, certains code comment gérer ceci: P>

search_ctrl.onfocus = function() {
  search_has_focus = true
}

search_ctrl.onblur = function() {
  search_has_focus = false
  if (!keep_focus) {
    // hide dropdown
  } else {
    keep_focus = false;
    search_ctrl.focus();
  }
}

dropdow_wrap.onclick = function() {
  if (isChrome()) {
    keep_focus = search_has_focus;
  }
}

Au lieu de détecter le flou, détectez le document.Body ou Fenêtre cliquez sur le point de la souris. Déterminez si ce point de souris est en dehors de la boîte de menus. Presto, vous avez détecté quand ils ont cliqué devant la boîte!

J'ai résolu ceci en procédant comme suit:

#my_container est le conteneur qui a la règle "Overflow: Auto" CSS Rule P>

        (>> ADDED THIS) mouse_in_container=false;
        $('input').attr('active', false); // to blur input
        $('#my_container').hide();

Je faisais face à la même situation / à la même question et j'ai testé la solution de "iHsoft", mais cela a des problèmes. J'ai donc travaillé sur une alternative pour cela et je n'ai fait qu'une seule fois que "ihsoft" mais celui qui fonctionne. Voici ma solution:

var hide_dropdownlist=true;

search_ctrl.onblur = function() {

  search_has_focus = false
  if (hide_dropdownlist) {
    // hide dropdown
  } else {
    hide_dropdownlist = true;
    search_ctrl.focus();
  }
}

dropdow_wrap.onmouseover = function() {
    hide_dropdownlist=false;
}
dropdow_wrap.onmouseoout = function() {
    hide_dropdownlist=true;
}

Je ne pouvais pas obtenir ces réponses au travail, peut-être parce qu'elles sont à partir de 2009. Je viens de traiter cela, je pense que ihsoft est sur la bonne voie, mais un peu lourds.

avec deux fonctions XXX

Le truc est dans la manière dont vous liez les éléments. L'événement Onmousedown doit être sur le "conteneur" DIV qui contient tout ce qui va être cliqué (c'est-à-dire la zone de texte, la flèche déroulante et la zone déroulante et sa barre de défilement). L'événement de flou (ou en jQuery l'événement de mise au point) doit être lié directement dans la zone de texte.

testé et fonctionne!