宝哥软件园

jQuery中值得注意的触发方法分析

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

介绍

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

普通模拟

有时候不需要操作,想要模拟用户的操作来达到一定的效果。例如,点击事件是在用户进入界面后触发的,用户不需要点击。触发器可以在jquery中使用。

$('#btn ')。触发器(' click')//触发id为btn $('#btn ')的click事件。click()//触发自定义事件的缩写

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

$ ('# BTN ')。bind ('clickme ',function () {//.}) $ ('# BTN ')。触发器(' click me ')//触发事件以传递数据

trigger的第一个参数(type,[data])是指触发的事件类型,第二个参数是以数组形式传递给事件处理程序的附加数据。通常,您可以通过向回调函数传递参数来判断此事件是否由用户触发。

按钮id='btn '按钮/按钮p id=' msg'/p脚本$ (function () {$ ('# BTN ')。bind ('click me ',function (event,msg1,msg2){ $('#msg ')。text(msg1 ' ' msg2) }) $('#btn ')。触发器(' clickMe ',['hello ',' jquery '])})/脚本

效果截图

执行默认操作

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

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

$(“输入”)。triggerhandler ('focus ')此方法只会触发输入时绑定的事件,并取消浏览器对此事件的默认操作,不会获得焦点。

摘要

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

更多资讯
游戏推荐
更多+