当我们想要调用或者触发一个元素的事件时，可以使用trigger方法。该方法可以模拟事件触发的操作，从而触发事件中注册的所有的回调函数。下面我们具体来讲解一下trigger方法的用法。
一、语法格式
.trigger(eventName[, extraParameters])
二、参数说明
- eventName: 必选参数，表示要触发的事件名，可以是一个已经绑定在元素上的自定义事件，也可以是浏览器原生事件或者是内置事件。
- extraParameters: 可选参数，可以传递一个数组对象作为额外参数，当事件触发时，回调函数可以读取到这些参数。
三、示例说明
示例一：模拟点击事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>trigger()方法示例</title>
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button class="btn">点击我触发事件</button>
<script>
$(".btn").on("click", function(event) {
alert("你点击了按钮");
});
$(".btn").trigger("click");
</script>
</body>
</html>
该示例的效果是，我们先绑定了一个按钮的点击事件，当用户点击该按钮时会弹出对话框，提示用户点击了按钮，然后我们又调用了trigger方法模拟了按钮的点击事件，从而触发了该事件的回调函数，执行了alert弹窗，并提示用户点击了按钮。
示例二：模拟自定义事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>trigger()方法示例</title>
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div class="box"></div>
<script>
$(".box").on("myEvent", function(event, param1, param2) {
alert("我是自定义事件，参数1：" + param1 + ", 参数2：" + param2);
});
$(".box").trigger("myEvent", ["参数1", "参数2"]);
</script>
</body>
</html>
该示例模拟了一个自定义事件，并且带了两个参数，当该事件被触发时，我们会通过alert弹窗展示出来参数1和参数2的值。同时我们也使用了trigger方法触发了该自定义事件，并同时传递了参数1和参数2。
以上这些就是trigger方法的一些用法介绍和示例说明。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery中trigger()方法用法实例 - Python技术站
微信扫一扫 
支付宝扫一扫 