前面我们绑定的一切事件都是由用户触发的，例如点击事件，我们给元素绑定了一个点击事件，当用户点击时，相应的事件函数才会执行。
下面就来看一下，我们自己如何实现主动的触发相应的事件。
关于事件的主动触发同样分为原生JS方法和jquery方法，下面我们先讲jquery方法。
在jquery中为我们提供了两种方式
1、直接调用事件对象的事件函数，语法如下：
2、使用jquery的trigger方法触发指定的事件，语法如下：
请看代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery中主动触发指定事件的方法</title>
<script src="./jquery.js"></script>
</head>
<body class="" id="body">
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<script type="text/javascript">
// 下面我们想实现的是：点击按钮1触发按钮2的某事件
$('#btn2').click(function(){
console.log('OK');
});
btn1.onclick = function () {
// $('#btn2').click();
$('#btn2').trigger('click');
}
</script>
</body>
</html>
以上我们给btn2绑定了一个点击事件，下面想要实现的需求是：当点击btn1时触发btn2的事件函数。
执行结果如下：
请大家把代码复制下来认真理解一下。
|
窥视卡
雷达卡
发表于 2023-1-27 16:29:08
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-20 19:44:29
