En este artículo, veremos cómo ejecutar el fragmento de código en el evento de pulsación de tecla usando jQuery . El evento de pulsación de tecla se activa cuando el usuario pulsa el botón del teclado.
Sintaxis:
$(selector).keypress()
En el siguiente ejemplo, estamos creando un elemento de área de texto y cuando el usuario comienza a presionar una tecla para escribir algún contenido en el área de texto, se activa el evento de pulsación de tecla. Cuando se activa este evento, los estilos CSS se agregan al elemento.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to run the code on keypress
event using jQuery ?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("textarea").keypress(function () {
$("textarea").css({
background: "green",
color: "white",
});
});
});
</script>
</head>
<body>
<center>
<h1 style="color: green">GeeksforGeeks</h1>
<h3>
How to run the code on keypress
event using jQuery ?
</h3>
<textarea rows="5" cols="30"></textarea>
</center>
</body>
</html>
Producción:
