jQuery 中trigger()方法使用 -- 复制元素点击事件

版权声明:JiahaoZhang原创文章,转载请注明出处 https://blog.csdn.net/GrootBaby/article/details/84393864

1. 常用事件

在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点

$("input").trigger("click").focus();

简写为以下:

$("input").click();

2. 自定义事件

$("#btn").on("myClick",function(){
   alert("自定义事件");
});
$("#btn").trigger("myClick");

$("#btn").click(function(){
   alert("自定义事件");
});
$("#btn").trigger("click");

3. 传递参数

trigger(tpye[,datea])方法有两个参数,第一个参数是要触发的事件类型,第二个单数是要传递给事件处理函数的附加数据,以数组形式传递。通常可以通过传递一个参数给回调函数来区别这次事件是代码触发的还是用户触发的

$("#btn").bind("myClick", function (event, message1, message2) { //获取数据
    $("#test").append("p" + message1 + message2 + "</p>");
});
$("#btn").trigger("myClick",["我的自定义","事件"]); //传递两个数据

猜你喜欢

转载自blog.csdn.net/GrootBaby/article/details/84393864
今日推荐