trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析

trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析

在前端页面开发中,我们有时希望自己进行一些人性化的操作,比如鼠标不点击也能自动点击。使用传统的js语言,我们需要编写复杂的代码来实现这个功能。这时候我们就可以通过使用jquery的trigger()方法轻松实现了。本文详细介绍了jQuery中值得注意的触发器方法。

介绍

trigger方法的功能是在选定的元素上触发指定类型的事件。调用的语法格式为:trigger(type,[data]),其中参数类型为触发事件的类型,参数数据可选,表示事件触发时传递给函数的附件参数。

常用模拟

有时候,你不需要操作,但是你也想模拟用户的操作来达到一些效果。比如用户进入界面后,触发点击事件,用户不需要点击。

触发器可以在jquery中使用。

$(#btn )。trigger(click)//触发标识为btn的点击事件

$(#btn )。click()//速记

触发自定义事件

触发器不仅可以触发浏览器支持的这些事件,还可以触发自定义事件。例如,绑定一个名为clickMe:

$(#btn )。bind(clickMe ,function(){

//.

})

$(#btn )。trigger(clickMe)//触发此事件

传递数据

触发器(类型,[数据])

第一个参数是指触发的事件类型,第二个参数是要传递给事件处理程序的附加数据,它作为数组传递。您通常可以通过向回调函数传递参数来判断该事件是否由用户触发。

按钮id=btn 按钮/按钮

p id=msg/p

脚本

$(function(){

$(#btn )。bind(clickMe ,function(event,msg1,msg2){

$(#msg )。文本(msg1 msg2)

})

$(#btn )。触发器( clickMe ,[hello , jquery])

})

/脚本

效果截图

执行默认操作

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

$(输入)。触发器(“焦点”)

上面的代码不仅会触发为输入绑定的焦点事件,还会触发浏览器中默认的焦点事件来获取焦点。如果您只想触发自定义焦点事件,请使用triggerHandler()

$(输入)。triggerHandler(“焦点”)

该方法只会触发绑定在input上的事件,并取消浏览器对该事件的默认操作,不会获得焦点。

总结

好了,这就是本文的全部内容。希望这篇文章的内容能给你的学习或者工作带来一些帮助。有问题可以留言交流。

trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析