当前位置:  编程技术>jquery

jquery trigger()方法模拟事件的例子

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1,常用模拟 在jQuery中,可以使用trigger()方法完成模拟操作。 例如,使用如下代码来触发id为btn按钮的click事件。   代码示例: $("#btn").trigger("click"); 当页面加载完毕后,就会立刻输出想要的效果。 也可以直接用简化写法click()...

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

代码示例:
$("#btn").trigger("click");

当页面加载完毕后,就会立刻输出想要的效果。

也可以直接用简化写法click():
 

代码示例:
$("#btn").click();

2,触发自定义事件
trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。

例如为元素绑定一个“myClick”的事件:
 

代码示例:
$("#btn").bind("myClick", function () {
    $("#test").append("

我的自定义事件。

");
});
 

触发这个事件:
 

代码示例:
$("btn").trigger("myClick");

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

例子,传递数据:
 

代码示例:
$("#btn").bind("myClick", function (event, message1, message2) { //获取数据
    $("#test").append("p" + message1 + message2 + "

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

4,执行默认操作
triger()方法触发事件后,会执行浏览器默认操作。
例如:
 

代码示例:
$("input").trigger("focus");
 

以上代码不仅会触发为input元素绑定的focus事件,也会使input元素本身得到焦点(浏览器默认操作)。

如果只想触发绑定的focus事件,而不想执行浏览器默认操作,可以使用jQuery中另一个类似的方法-triggerHandler()方法。
 

代码示例:
$("input").triggerHandler("focus");

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


    
 
 

您可能感兴趣的文章:

  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jquery hide方法隐藏元素的例子
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • jquery的trigger和triggerHandler的区别示例介绍
  • jquery trigger伪造a标签的click事件取代window.open方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery文本改变触发事件如聚焦事件、失焦事件
  • jquery阻止后续事件只执行第一个事件
  • jquery button默认enter事件(回车事件)
  • jquery onpropertychange键盘事件用法举例
  • jquery回车事件的示例代码
  • jQuery回车键事件实例代码
  • jquery动态添加元素事件失效问题解决方法
  • JQuery中阻止事件冒泡几种方式及其区别介绍
  • jquery 回车键事件小例子
  • jquery捕捉回车事件的代码
  • jquery1.10给新增元素绑定事件的方法
  • jquery 回车事件的实例分享
  • jquery 文本框回车事件 跳到下一个文本框
  • jquery 回车事件的实现代码
  • jquery代码:多浏览器捕捉回车事件
  • JQuery如何触发元素事件
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • jquery为动态加载的元素绑定事件的代码
  • 分享:jquery事件重复绑定的解决办法
  • jquery中交替点击事件的实现代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • java/j2ee iis7站长之家
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3