首页 > 语言 > JavaScript > 正文

JQuery自动触发事件的方法

2024-05-06 16:22:25
字体:
来源:转载
供稿:网友
这篇文章主要介绍了JQuery自动触发事件的方法,涉及trigger()方法完成模拟操作的相关技巧,需要的朋友可以参考下
 

本文实例讲述了JQuery自动触发事件的方法。分享给大家供大家参考。具体如下:

常用模拟

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

在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。

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

这样,当页面加载完毕后,就会立刻输出想要的效果。也可以直接简写click(),来达到同样的效果:

$('#btn').click();

触发自定义事件

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

  1. $('#btn').bind("myClick"function(){  
  2.   $('#test').append("<p>我的自定义事件.</p>");  
  3. }); 
?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表