Est-il possible d'utiliser event.preventDefault avec focusOut? Si non, pourquoi?

Après quelques recherches, j'ai trouvé que seulement certains événements sont "annulable'.

• Cité de http://help.dottoro.com/ljwolcsp.php

  Vous pouvez vérifier si un événement peut être annulé avec le annulable bien dans tous les navigateurs sauf Internet Explorer avant la version 9. Bien que la annulable propriété existe dans Firefox, il retourne toujours true, quel que soit le annulable état de l'événement. Il n'y a aucun moyen de déterminer si un événement peut être annulé dans Internet Explorer avant la version 9.

  Noter que l'utilisation de la méthode preventDefault et la propriété returnValue sur un non-annulable événement n'entraîne pas une erreur. Lorsqu'un gestionnaire d'événement renvoie la valeur false, l'événement sera annulé. Vous pouvez l'utiliser au lieu de la méthode preventDefault et la propriété returnValue. Voir l'Exemple 2 ci-dessous.

• Chaque événement en Javascript a un annulable propriété qui est défini comme 'vrai' si l'événement peut être évité ou 'false' si l'événement ne peut pas être annulée. Ref: http://help.dottoro.com/ljeosnqv.php

• Un exemple de script de http://help.dottoro.com/ljeosnqv.php la démonstration de cette propriété peut être trouvé ici sur jsFiddle (pour économiser de l'espace). Noter les commentaires dans le code sur la façon de Firefox renvoie toujours vrai pour les annulable propriété de l'objet d'événement.

Le principe général étant:

 $('selector').on(eventType, function (event) {
    alert(('cancelable' in event));   //will return true
    alert(event.cancelable);      //will return true if event can be cancelled
                                  //NOTE: Firefox mistakenly always returns true
});

• Les événements ont un ordre prédéfini de prédiction, en fonction de la situation. Par exemple, si un bouton de la souris est cliqué sur l'ordre de eventTriggers serait: mousedown, mouseup, et cliquez sur.
  Ref: http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-initMouseEvent

• Cité de http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/events.html#Events-flow-cancelation

  Un " annulable événement est un événement associé à une action par défaut qui est autorisé à être annulée pendant le DOM de flux d'événements. Lors d'une phase au cours de l'événement de flux, l'événement déclenché les auditeurs ont la possibilité d'annuler l'action par défaut ou en permettant l'action par défaut de procéder. Dans le cas d'un lien dans le navigateur, l'annulation de l'action aurait pour conséquence de ne pas l'activation de l'hyperlien. Pas tous les événements définis dans cette spécification sont annulables les événements.

• Parfois la séquence des événements que le DOM par défaut action va se produire avant l'événement, vous êtes à la recherche d'annuler l'on voit même, dans ces cas, vous ne pouvez pas annuler l'action par défaut, car elle a déjà eu lieu. C'est-à-dire l'action par défaut se produit avant l'envoi de l'événement.

---

MA SOLUTION:

Cela dit j'ai réussi à trouver un solution à mon problème et plus/moins de ce problème. En fait, j'ai eu un eventListener avec un élément pour focusin déjà et je voulais cet élément à garder le focus.

<div id='display'></div>
$('#idBox').on('focusin', function () {
  $('#div').append('focused');
  //do something
}

J'ai d'abord essayé d'utiliser un setTimeout cas quand j'ai cliqué sur off, mais j'ai trouvé que ce n'était pas bonne, car il a déclenché mon focusin événement. Donc, ce que nous avons besoin est un événement qui est distribué avant le DOM action par défaut du de changement de focus. Je n'ai trouver qu'il y est un événement qui répond à cette exigence, mais n'est disponible que pour IE... typique. Pour votre information c'est: "onbeforedeactivate" et il est annulable. Toutefois, puisque la compatibilité du navigateur est important, il ne faut pas utiliser cette eventTrigger. Plutôt, j'ai trouvé que l'événement mousedown se produit avant que le DOM commence son focus-le changement des comportements.

Donc ce que l'on pourrait faire, c'est:

$(document).on('mousedown', function(event) { 
       target = event.target;     //the element clicked on
       myTarget = document.getElementById("idBox");   //the element to keep focus
       if (target !== myTarget) {   
           event.preventDefault();  //prevent default DOM action
           event.stopPropagation();   //stop bubbling
           return false;   //return
       }
});

Il existe de nombreuses autres façons de le faire. Personnellement, je n'aime pas la fixation d'un eventListener à l'ensemble du document, mais aussi pour montrer les principes de base il sert son but.

---

Note de bas de page:
Un excellent article à lire pour en apprendre plus sur la gestion des événements en Javascript est http://help.dottoro.com/ljtdqwlx.php
Une ressource incroyable, je suis tombé.

inst.$target.on("blur", function() {
     if (!$.suggestBox.$divCont.hasClass($.suggestBox.mouseOverClassName)) {
        $.suggestBox.$divCont.css({'display': 'none'});   //reposition Suggestbox
        return true;
        } 
      inst.target.focus();
      return false;
         });

besoin de voir votre code html. Je ne pense pas que vous appelez les choses correctement, EX:

$.suggestBox , Je pense, devrait être $(".suggestBox") , mais je ne peux pas dire sans voir votre htnl