Idées de mise en œuvre pour les compétences event_javascript de perte de focus div

Pour lire cet article, vous devez d'abord comprendre les événements suivants (extraits du w3c).

Événement de flou : L'événement de flou se produit lorsqu'un élément perd le focus.

événement focus : La méthode focus() est utilisée pour donner le focus au champ de texte (elle permet également à certains éléments d'obtenir des événements focus).

Attribut tabIndex : L'attribut tabIndex peut définir ou renvoyer l'ordre de contrôle des touches de tabulation du bouton.

Nous savons tous que le flou concerne uniquement les contrôles de formulaire, mais pour span, div, li et autres, il n'y a aucun moyen de déclencher leurs actions. Il nous suffit maintenant de définir un attribut tabindex pour déclencher leur focus. . événement.

Code réel du projet :

Copier le code Le code est le suivant :

Esc. PopupMenu.prototype._createPopup=function(){
var popupDiv = $('

'); //Créer un div
popupDiv.appendTo(this. _owner.element ); //Ajouter une étendue à div
var _popup=popupDiv[0];
_popup.hide=function(){
popupDiv.hide(
},
_popup.show =function(){
popupDiv.show();
popupDiv.focus(); //Laissez le div get focus
};
popupDiv.blur(function(){
popupDiv.hide();
}); 🎜>Ce paragraphe La signification du code est que j'utilise div pour simuler un createPopup (IE peut le générer directement), lui donner un attribut tabindex lors de sa génération, puis ajouter un span, puis lui faire prendre en charge l'affichage et le masquage. Ce qui est particulièrement remarquable est popupDiv, focus(). Vous devez donner un focus au div, sinon il perdra le focus s'il n'a pas de focus.