博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用jQuery中trigger()方法自动触发事件
阅读量:6262 次
发布时间:2019-06-22

本文共 929 字,大约阅读时间需要 3 分钟。

一、常用事件

在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点

$("input").trigger("click").focus();

还有一种简写方式:

$("input").click();

还有其它事件就不一一列出了。

 

二、自定义事件

$("#btn").on("myClick",function(){   alert("自定义事件");});$("#btn").trigger("myClick");

 

三、传递参数

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

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

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

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

 

四、执行默认操作

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

$("input").trigger("focus");

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

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

$("input").triggerHandler("focus");

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

转载于:https://www.cnblogs.com/louis-w/p/9155392.html

你可能感兴趣的文章
DOCKER 给运行中的容器添加映射端口
查看>>
linux |版权许可GNU和GPL
查看>>
System Center 2012 SP1 之四 配置App Controller
查看>>
第三篇 Python函数(day3)
查看>>
如何轻松快速搭建商城系统?
查看>>
Ansible问题汇总
查看>>
Hover States - 有趣的用户界面及交互设计
查看>>
C# IO流的操作
查看>>
SVN的安装与常用功能使用以及解决安装配置过程中的一些错误
查看>>
EasyUI numbox输入框,金额格式化显示
查看>>
Lync 2013前端池添加服务器报无法更新数据库RTC,因为需要执行版本从0到125的主要升级...
查看>>
JAVA并发处理经验(四)并行模式与算法6:NIO网络编程
查看>>
数组中的push()和pop()方法
查看>>
c3p0-0.9.2.1数据连接池连接报错问题
查看>>
maillog报错Warning: Inotify instance limit
查看>>
系统ID表
查看>>
apk反编译步骤
查看>>
自己做的笔试题
查看>>
SCVMM Self-Service Portal 2.0 SP1安装体验
查看>>
Hive自定义UDF和聚合函数UDAF
查看>>