jquery中的事件模拟trigger

trigger(type,[data]):相当于帮你执行了type类型的事件,不会阻止浏览器默认行为。

示例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件模拟</title>
<style>
	 
</style>

</head>

<body>
	  <form action="1.html">
      		<input type="submit">
      </form>
      
      <input id="btn1" type="button" value="trigger测试传递一个参数">
      <input id="btn2" type="button" value="trigger测试传递多个参数">
      <input id="btn3" type="button" value="使用bind函数绑定事件trigger测试传递多个参数">
</body>
</html>

jquery代码:

<script type="text/javascript" src="jquery-1.12.4.min.js"></script>
<script type="text/javascript">

$(function(){
		//因为这里组织了默认行为,不显示任何效果
		$("form").submit(function(e){
				e.preventDefault();
		}).trigger("submit");
		//传入一个参数
		$("#btn1").click(function(e,data1){
			alert(data1);
		}).trigger("click",3);
		//传入多个参数时最外边需要使用[]括起来,传递的参数类型可以是字符串、数字、数组、对象
		$("#btn2").click(function(e,data1,data2,data3,data4){
			alert(data1+"|"+data2+"|"+data3[1]+"|"+data4['myname']);
		}).trigger("click",["字符串",33,[1,'a'],{myname:'zhaodaowen'}]);
		
		//bind
		$("#btn3").bind("click",{age:30},function(e,data1,data2,data3,data4){
			 alert(data1+"|"+data2+"|"+data3[1]+"|"+data4['myname']+"|"+e.data.age);
		}).trigger("click",["字符串",33,[1,'a'],{myname:'zhaodaowen'}]);
});
</script>

当页面加载完成时,自动触发绑定的click事件,结果分别如下:

image.png

image.png

image.png

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值