使用jQuery中trigger()方法自动触发事件

1、经常使用事件

在页面加载完成时  自动触发input的点击事件，在移动端能够实现自动弹出输入法，得到焦点

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

还有一种简写方式：

$("input").click();

还有其它事件就不一一列出了。

 

2、自定义事件

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

$("#btn").trigger("myClick");

 

3、传递参数

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

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

$(“#btn”).trigger(“myClick”,["个人自定义","事件"]); //传递两个数据

 

4、执行默认操做

triger()方法触发事件后，会执行浏览器默认操做。例如：

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

以上代码不只会触发为input元素绑定的focus事件，也会使input元素自己获得焦点（浏览器默认操做）。

若是只想触发绑定的focus事件，而不想执行浏览器默认操做，可使用jQuery中另外一个相似的方法-triggerHandler()方法。

$("input").triggerHandler("focus");

该方法会触发input元素上绑定的特定事件，同时取消浏览器对此事件的默认操做，即文本框指触发绑定的focus事件，不会获得焦点。

 

教程参考地址：http://blog.csdn.net/lijunling2008live/article/details/7457396