En este artículo, veremos cómo ejecutar el código en un evento de cambio usando jQuery. El evento de cambio se usa para desenstringr cuando el usuario cambia el valor del elemento.
Sintaxis:
$(selector).change(function)
En el siguiente ejemplo, estamos creando un elemento de área de texto que contiene texto GeeksforGeeks. Cuando el usuario cambia el contenido del área de texto y quita el cursor del área de texto, se activa el evento de cambio y se agregan los estilos en el elemento del área de texto.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to run the code on change
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").change(function() {
$("textarea").css({
background: "green",
color: "white"
});
});
});
</script>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to run the code on change
event using jQuery?
</h3>
<textarea rows="5" cols="30">GeeksforGeeks
</textarea>
</center>
</body>
</html>
Producción:
