.show() y .hide() de jQuery respondan a campo

vallescamacho · #1 (**permalink**) 01/03/2013, 01:37

Hola que tal, aquí con una pregunta que me anda rondando la cabeza, resulta que estoy queriendo hacer que un div aparezca cuando el cursor este en un campo de texto estoy usando la función .show() de jquery
puedo utilizar la evento .click (como en el caso del ejemplo), pero resulta que como yo, algunas o muchas (no se) navegan en entre formularios con el TAB y el evento .click evidentemente no responde cuando se llega a dicho campo mediante la tecla TAB, asi que básicamente quiero que el div aparezca cuando el cursor este en el campo casi como la validación de HTML5, espero haber explicado bien...

Saludos y gracias :D

Código HTML:

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  </head>
<body>
 <form>
 <input type="text" id="XXX" placeholder="hello"/>
  <input type="text" id="YYY" placeholder="mundo"/>
  <input type="text" id="muestratesatan" placeholder="mundote"/>
      
<p style="display: none">Hello  World</p>
	  	<script>
$("#muestratesatan").click(function () {
  $("p").show("slow");
});
</script>
 
</form>
	  

 
</body>
</html>

epesrod · #2 (**permalink**) 01/03/2013, 01:56

La solución es usar el evento .focus() en lugar .click()