Tengo una etiqueta de entrada con un detector de eventos onblur:
<input id="myField" type="input" onblur="doSomething(this)" /> A través de JavaScript, quiero activar el evento de desenfoque en esta entrada para que, a su vez, llame a la función doSomething .
Mi pensamiento inicial es llamar a blur:
document.getElementById('myField').blur()Pero eso no funciona (aunque no hay error).
Esto hace:
document.getElementById('myField').onblur() ¿Porqué es eso? .click() llamará al evento de clic adjunto a un elemento a través del oyente onclick. ¿Por qué blur() no funciona de la misma manera?
Este:
document.getElementById('myField').onblur(); funciona porque su elemento (el <input> ) tiene un atributo llamado "onblur" cuyo valor es una función. Por lo tanto, puedes llamarlo. Sin embargo, no le está diciendo al navegador que simule el evento "borroso" real; no se crea ningún objeto de evento, por ejemplo.
Los elementos no tienen un atributo de "desenfoque" (o "método" o lo que sea), por eso lo primero no funciona.
Al contrario de lo que dice pointy, el método blur() existe y es parte del estándar w3c . El siguiente ejemplo funcionará en todos los navegadores modernos (incluido 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> Tenga en cuenta que usé link.onmouseover en lugar de link.onclick , porque de lo contrario, el clic en sí mismo habría eliminado el foco.
Supongo que es solo porque el evento onblur se llama como resultado de que la entrada pierde el foco, no hay una acción de desenfoque asociada con una entrada, como si hubiera una acción de clic asociada con un botón