El focus() es un método incorporado en jQuery que se usa para enfocarse en un elemento. El elemento se enfoca con el clic del mouse o con el botón de navegación de pestañas.
Sintaxis:
$(selector).focus(function)
Aquí selector es el elemento seleccionado.
Parámetro: Acepta un parámetro opcional «función» que especifica la función que se ejecutará cuando ocurra el evento de enfoque.
Valor devuelto: Devuelve el elemento seleccionado que se enfoca.
código jQuery para mostrar el funcionamiento del método focus():
Código #1: En el siguiente código, se pasa una función a este método.
html
<html> <head> <style> span { display: none; } body { width: 35%; height: 50px; border: 2px solid green; padding: 35px; margin: 10px; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"> </script> </head> <body> <!-- this paragraph element get focused --> <p> <input type="text"> <span>focused</span></p> <!-- jQuery code to show working of this method --> <script> $("input").focus(function() { $(this).next("span").css("display", "inline"); }); </script> </body> </html>
Salida: antes de que el mouse haga clic dentro del campo de entrada-
Después de hacer clic con el mouse dentro del campo de entrada con el texto «GeeksforGeeks»-
Código #2: En el siguiente código, no se pasa ningún parámetro a este método.
html
<html> <head> <style> span { display: none; } body { width: 30%; height: 50px; border: 2px solid green; padding: 35px; margin: 10px; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"> </script> </head> <body> <!-- this paragraph element get focused --> <p> <input type="text"> <span>focused</span></p> <!-- jQuery code to show working of this method --> <script> $("input").focus(); </script> </body> </html>
Salida: antes de hacer clic con el mouse dentro del campo de entrada-
Después de hacer clic con el mouse dentro del campo de entrada con el texto «GeeksforGeeks»-
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» . Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA