在前端页面开发中，我们有时希望自己进行一些人性化的操作，比如鼠标不点击也能自动点击。使用传统的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上的事件，并取消浏览器对该事件的默认操作，不会获得焦点。

总结

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。