javascript - difuminar() vs. onblur()
jquery (3)
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 borroso:
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?
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 utilicé link.onmouseover lugar de link.onclick , porque de lo contrario el clic en sí habría eliminado el enfoque.
Esta:
document.getElementById(''myField'').onblur();
funciona porque su elemento (la <input> ) tiene un atributo llamado "onblur" cuyo valor es una función. Así, puedes llamarlo. Sin embargo, no le está diciendo al navegador que simule el evento real de "desenfoque"; no hay ningún objeto de evento creado, por ejemplo.
Los elementos no tienen un atributo de "desenfoque" (o "método" o lo que sea), por lo que lo primero no funciona.
Supongo que es solo porque el evento onblur se llama como resultado de la pérdida de enfoque de la entrada, no hay una acción de desenfoque asociada con una entrada, como si hubiera una acción de clic asociada con un botón