jQuery自动触发事件trigger使用
来源:互联网 发布:剑网三叶芷青数据 编辑:程序博客网 时间:2024/04/29 14:49
有时候,需要通过模拟用户操作,来达到点击的效果,例如用户进入页面后
就触发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!"]);
作者:itmyhome
5 0
- jQuery自动触发事件trigger使用
- jquery自动触发事件trigger
- JQuery 自动触发事件trigger和triggerHandler
- 仿Zepto自动触发事件函数---trigger()
- JQuery 自动触发事件
- JQuery 自动触发事件
- JQuery 自动触发事件
- jQuery 自动触发事件
- JQuery 自动触发事件
- JQuery 自动触发事件
- JQuery 自动触发事件
- jQuery自动触发事件
- JQuery 自动触发事件
- 使用trigger方法触发事件 change -model
- jquery事件 trigger()的使用
- 使用jquery trigger 触发a标签的click事件取代window.open方法
- jquery 自动触发事件tigger()
- 利用js的trigger函数,模拟事件的自动触发
- 打开exe并隐藏程序窗口
- 恐怖主义与现代世界秩序的危机:主权民族国家体系、殖民主义与意识形态的政治
- ORACLE和SQL语法区别归纳
- Java中的位运算
- 通达OA系统myisam转innodb引擎
- jQuery自动触发事件trigger使用
- Android Volley:使用方法总结及实例解析
- SQLServer:如何生成数据库的脚本
- 设计模式 - 行为型模式 - 职责链模式
- android之Widget开发详解实例一
- java.lang.SecurityException: Unable to find app for caller android.app.ApplicationThreadProxy
- 习惯决定效率,保持高效编程的好习惯
- Matlab调用C的时候的一个小备注
- Java 8的八个新特性