El método triggerHandler() en jQuery se usa para activar un evento específico para el elemento seleccionado.
Sintaxis:
$(selector).triggerHandler(event, param1, param2, ...)
Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- evento: es un parámetro obligatorio que se utiliza para especificar el evento que se activará para el elemento especificado.
- param1, param2, …: estos son parámetros opcionales que se utilizan para pasar el controlador de eventos y son especialmente útiles con eventos personalizados.
Ejemplo 1: este ejemplo activó el elemento de selección de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery | triggerHandler() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>jQuery | triggerHandler() Method</h2>
<input type="text" value="HELLO GEEKS">
<br><br>
<button>Click</button>
<!-- Script to trigger event -->
<script>
$(document).ready(function(){
$("input").select(function(){
$("input").after(" TRIGGERED!");
});
$("button").click(function(){
$("input").triggerHandler("select");
});
});
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo activa el evento de párrafo y muestra el mensaje de alerta.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery | triggerHandler() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>jQuery | triggerHandler() Method</h2>
<button>Click</button>
<!-- Script to trigger events -->
<script>
$(document).ready(function() {
$("button").click(function() {
$("button").on("myPara", function(event,
param1, param2, param3) {
alert(param1 + "\n" + param2 + "\n" + param3);
});
$("button").triggerHandler("myPara",
['GEEKS', 'FOR', 'GEEKS']);
});
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA