在前端页面开发中,我们有时希望自己进行一些人性化的操作,比如鼠标不点击也能自动点击。使用传统的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上的事件,并取消浏览器对该事件的默认操作,不会获得焦点。
总结
好了,这就是本文的全部内容。希望这篇文章的内容能给你的学习或者工作带来一些帮助。有问题可以留言交流。