jQuery自动触发事件trigger使用

客官°小女子只卖身不卖艺 2022-08-14 05:44 239阅读 0赞

有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后  
就触发click事件，而无需主动点击。

比如以下代码：

实现效果为’点击1’页面上将显示x1 ,’点击2’页面上显示x2 …  
**但需要实现首次进入页面为默认是’点击1’**   
![这里写图片描述][20151124135734508]

在jQuery中，可以使用trigger()方法完成模拟操作。  
例如可以使用下面的代码来触发A链接的click事件。

$('a').first().trigger("click");

这样 当页面加载完毕后，触发第一个A链接的click事件，页面将显示x1

### 触发自定义事件 ###

trigger()方法不仅能触发浏览器支持的具有相同名称的事件，也可以触发自定义名称的事件。  
例如为元素绑定一个”myEvent”的事件,jQuery代码如下：

$('#btn').bind("myEvent", function(){  
        alert("自定义事件");
    });

想要触发这个事件,可以使用以下代码来实现：

$('#btn').trigger("myEvent");

### 传递数据 ###

trigger(type,\[data\])方法有两个参数，  
**第1个是事件对象或者要触发的事件类型,**  
**第2个参数是传递给事件处理函数的附加参数,以数组形式传递。通常可以通过传递一个参数给**  
回调函数来区别这次事件是代码触发的还是用户触发的。

下面是一个传递数据的例子。

$('#btn').bind("myEvent", function(event,message1,message2){  
        alert(message1 + "," + message2);
    });
    $('#btn').trigger("myEvent", ["Hello","World!"]);

作者：[itmyhome][]

[20151124135734508]: /images/20220731/1682aa92c1234f399d36254d50a1bf44.png
[itmyhome]: http://blog.csdn.net/itmyhome1990

jQuery自动触发事件trigger使用

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 jQuery学习笔记14-事件自动触发、自定义事件

相关 jQuery自动触发事件trigger使用

相关 jquery 自动调用和触发某个事件

相关 jquery事件触发

相关 jquery事件触发

相关 jQuery_触发事件

相关 jquery trigger

相关原生js javascript 实现trigger（自动触发window 的resize事件）

相关 jQuery-触发change事件

相关 Jquery trigger 触发不了hover