jQuery如何使用自动触发事件trigger
更新时间：2015年11月29日 10:02:37 作者：麦田
这篇文章主要介绍了jQuery如何使用自动触发事件trigger，需要的朋友可以参考下
有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后
就触发click事件，而无需主动点击。
比如以下代码：
<body>
<a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">点击1</a>
<a href="#" onclick="javascript:document.getElementById('d').innerHTML='x2'">点击2</a>
<a href="#" onclick="javascript:document.getElementById('d').innerHTML='x3'">点击3</a>
</br>
<span id="d"></span>
</body>
实现效果为'点击1'页面上将显示x1 ,'点击2'页面上显示x2 …
但需要实现首次进入页面为默认是'点击1'
在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!"]);
以上就是jQuery自动触发事件trigger的使用方法，希望对大家的学习有所帮助。
相关文章
这篇文章主要给大家分享了一段使用jquery实现点击页面计算点击次数的代码，非常实用，有需要的小伙伴参考下。2015-01-01
这篇文章主要介绍了jQuery层级选择器用法,实例分析了常见的四种层级选择器的使用技巧,并给出了实例总结,需要的朋友可以参考下2015-02-02
使用JQuery实现页面的表格数据的增加与分页，具体示例如下，喜欢的朋友可以参考下2013-12-12
这篇文章主要介绍了jQuery在页面加载时动态修改图片尺寸的方法,实例分析了jQuery操作图片的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery点击页面其他部分隐藏下拉菜单功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了众多参数，如显示动画持续时间、背景颜色、文本颜色、显示位置、加载ajax内容、回调函数等等。2015-05-05
这篇文章介绍了jQuery中的事件，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
基于jquery封装的一个js分页代码，需要的朋友可以参考下。2011-11-11
用jQuery做网页换肤确实是很一个很巧妙，很好的选择，这是本人在学习jQuery中学的知识，感觉很有用，写了下来，希望大家有更好的方法或者代码不足的地方请谅解，本人也是初学者啊，希望大家互相勉励互相学习。2011-04-04
$.ajax()的方法想必大家都不会陌生，下面为大家介绍下使用jquery自定义类实现类似$.ajax()的方法，感兴趣的朋友可以参考下2013-08-08
最新评论