blur() vs onblur()

J'ai une balise input avec un écouteur d'événement onblur:

<input id="myField" type="input" onblur="doSomething(this)" />

Via JavaScript, je veux déclencher le flou de l'événement sur cette entrée, de sorte que, à son tour, appelle la doSomething fonction.

Ma première pensée est pour appeler flou:

document.getElementById('myField').blur()

Mais qui ne marche pas (si pas d'erreur).

Ce n':

document.getElementById('myField').onblur()

Pourquoi est-ce? .click() va appeler l'événement click attaché à un élément via le onclick de l'auditeur. Pourquoi ne blur() pas de la même manière?

  • Je pense que blur() jQuery et onBlur() est en Javascript.
  • non, ce n'est pas vraiment précis, mais il est vrai que jQuery fournit un "flou" méthode pour déclencher un événement (ou d'enregistrer un gestionnaire). Cette méthode est alimenté par jQuery objets, cependant, et n'est pas disponible sur la plaine des éléments du DOM.
  • Bien que la réponse à votre question, mais je suis toujours curieux de savoir ce qui vous a fait exécuter doSomething() fonction via déclenchement explicite onblur fonction! Pourquoi ne pourriez-vous pas appel doSomething directement?
  • ma mémoire est un peu floue de ce que je faisais il y a 7 ans 🙂
InformationsquelleAutor DA. | 2011-03-06
  1. 28

    Ce:

    document.getElementById('myField').onblur();

    fonctionne parce que votre élément (la <input>) est un attribut appelé "onblur" dont la valeur est une fonction. Ainsi, vous pouvez l'appeler. Vous êtes pas qui dit au navigateur pour simuler le "flou" de l'événement, cependant; il n'y a pas d'événement de l'objet créé, par exemple.

    Éléments n'ont pas un "flou" de l'attribut (ou de la "méthode" ou quoi que ce soit), c'est pourquoi la première chose ne fonctionne pas.

    • Mais vous pouvez l'appeler .cliquez sur() pour simuler un clic de l'événement, correct? Mon erreur a été de l'assumer .blur() existaient bien. Merci pour la réponse!
    • n'existe pas dans certains navigateurs, mais vous devez d'abord donner à l'élément de mise au point, si elle ne l'a pas. Essayez cet exemple dans le navigateur Chrome. Je ne sais pas lequel des navigateurs ne/ne le supporte pas.
    • Oui, car les navigateurs ne en charge une méthode sur les éléments DOM appelé "clic". Je suis d'accord que c'est juste pas cohérent; beaucoup de ces choses ont évolué rapidement de retour de 10 ans ou plus avant que quelqu'un avait une chance de penser beaucoup plus au sujet de la synchronisation. Je pense que c'est l'une des principales raisons que les bibliothèques, comme Prototype et jQuery sont si populaires.
    • Ce que ne donnerais-je pas pour que ce projet soit à l'aide de jQuery... 😉 Donc, si je m'en tiens à la onBlur() de l'option, de quelle manière (relativement) sûr, c'est que dans les conditions actuelles de prise en charge du navigateur. Tout gotcha je devrais être en train de chercher?
    • Eh bien, c'est tout simplement de l'accès à la référence à la fonction de l'élément du DOM, il est assez sûr. I pense IE ne vais pas me plaindre à ce sujet et correctement lier this à l'élément, mais vous pouvez double-vérifier que.
    • Je pense qu'il est logique qu'il y est un click (), mais pas de blur(). Pour le flou, vous devrez .focus() sur un élément qui est possible

    InformationsquelleAutor Pointy
  2. 11

    Contrairement à ce que l'pointu dit, la blur() méthode n'existe pas et est une partie de la standard du w3c. La suite exaple à tous les navigateur moderne (y compris IE):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Javascript test</title>
        <script type="text/javascript" language="javascript">
            window.onload = function()
            {
                var field = document.getElementById("field");
                var link = document.getElementById("link");
                var output = document.getElementById("output");

                field.onfocus = function() { output.innerHTML += "<br/>field.onfocus()"; };
                field.onblur = function() { output.innerHTML += "<br/>field.onblur()"; };
                link.onmouseover = function() { field.blur(); };
            };
        </script>
    </head>
    <body>
        <form name="MyForm">
            <input type="text" name="field" id="field" />
            <a href="javascript:void(0);" id="link">Blur field on hover</a>
            <div id="output"></div>
        </form>
    </body>
</html>

    Notez que j'ai utilisé link.onmouseover au lieu de link.onclick, parce que sinon, le sur lui-même aurait supprimé le focus.

    InformationsquelleAutor Elian Ebbing
  3. 2

    Je suppose que c'est juste parce que l'événement onblur est appelé comme un résultat de l'entrée perdre le focus, il n'y a pas un flou action associée avec une entrée, comme il y a un cliquez sur action associée à un bouton

    InformationsquelleAutor cusimar9