Les événements de flou peuvent-ils identifier l'élément qui a déclenché l'événement ?

Suivi des destinataires de focus d'élément après un événement de flou

Problème :

Considérez une zone de saisie HTML avec une fonction de flou attachée. Existe-t-il une méthode dans cette fonction pour identifier l'élément qui a déclenché l'événement de flou (c'est-à-dire, le focus reçu) ?

Exemple :

<code class="html"><input id="myInput" onblur="function() { ... }"></code>

Si une étendue avec L'ID "mySpan" est cliqué après que l'élément d'entrée a le focus, comment la fonction de flou peut-elle déterminer que c'est mySpan qui a été focalisé ?

Solution :

Selon le Spécification des événements de l'interface utilisateur, la propriété RelatedTarget de l'événement peut être utilisée :

Pour les événements de flou :

• RelatedTarget : cible d'événement recevant le focus.

Exemple de code :

<code class="javascript">function blurListener(event) {
  event.target.className = 'blurred';
  if (event.relatedTarget)
    event.relatedTarget.className = 'focused';
}

[].forEach.call(document.querySelectorAll('input'), function(el) {
  el.addEventListener('blur', blurListener, false);
});</code>

Dans cet exemple, les éléments flous deviendront orange, tandis que les éléments focalisés deviendront citron vert.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!