2019独角兽企业重金招聘Python工程师标准>>>

常用模拟

有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。

在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。

$('#btn').trigger("click");

这样,当页面加载完毕后,就会立刻输出想要的效果。也可以直接简写click(),来达到同样的效果:

$('#btn').click();

触发自定义事件

trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。例如为元素绑定一个“myClick”的事件,JQuery代码如下:

$('#btn').bind("myClick", function(){ $('#test').append("<p>我的自定义事件.</p>");
});

想要触发这个事件,可以使用以下代码来实现:

$('#btn').trigger("myClick");

自动触发<a>标签的click()方法

想向自动触发<a>标签的click事件,但是把事件绑定到<a> 标签上,即$("#id").click(),但是没有任何反应,然后查了下,原来不能把click事件直接绑定到<a>标签上,必须绑定到<a> 标签之内的元素上。

例如:<a href="xxxxxxxxx" class="curr_li"><li id="bbbb">公式管理</li></a>,要自动触发的话,$("#bbbb").trigger("click")

转载于:https://my.oschina.net/yanyaya/blog/914912

jquery自动触发事件相关推荐

  1. JQuery 自动触发事件

    常用模拟 有时候,需要通过模拟用户操作,来达到单击的效果.例如在用户进入页面后,就触发click事件,而不需要用户去主动单击. 在JQuery中,可以使用trigger()方法完成模拟操作.例如可以使 ...

  2. jquery 自动触发事件 trigger

    trigger() 栗子: 需求:我们在做二级联动的时候往往会遇到这样的需求,后台管理端页面加载完成后显示用户的省份,城市,并且可以对用户的省份,城市信息可以修改 如果只是简单的显示 你完全可以直接放 ...

  3. jquery 自动触发事件tigger()

    有时候,需要通过模拟用户操作,来达到点击的效果,例如用户进入页面后 就触发click事件,而无需主动点击. <body><a href="#" οnclick=& ...

  4. html 自动触发 事件,js自动触发事件自定义事件

    在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(), form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件 ...

  5. JavaScript原生自动触发事件

    在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(), form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件 ...

  6. JavaScript自动触发事件

    有时候,我们需要代码自动触发对应的事件,而不需要人为操作.比如,一个按钮的点击事件,不要点击它,而让它自动执行. 首先定义事件,先按照传统的 onclick 方式来.(这里以点击某个标签事件为梨) v ...

  7. 使用jQuery中trigger()方法自动触发事件

    一.常用事件 在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...

  8. JQuery 自动触发 a 标签的 click事件

    前言 JQuery 使用 trigger 可以自动触发 HTML元素的 click() 方法 a标签有些特殊,JQuery无法使用 trigger 触发 a 标签click事件,需要迂回一下. a标签 ...

  9. jQuery的触发事件

    触发事件 业务需要,页面加载的时候,触发某些事件 jQuery的trigger()方法,可以主动触发事件 $(function () {// 绑定事件$("#laboratoryId&quo ...

最新文章

  1. python对list中所有数值类型转换
  2. 用python画爱心的代码-Python一行代码画个爱心案例
  3. 本期最新 9 篇论文,每一篇都想推荐给你 | PaperDaily #14
  4. apache的es的原理_ElasticSearch原理
  5. Java并发编程的艺术(十)——Java中的锁(5)
  6. ICCV 2021 | 带你了解微软亚洲研究院CV领域前沿进展
  7. 贪心——无重叠区间(Leetcode 435)
  8. HCIE-Security Day39:理论学习:隐私保护
  9. 刚体转动惯量的测定实验数据软件_物理吸附实验数据分析 第11部分 在Origin软件中由物理吸附等温线确定材料的t图比表面积的方法...
  10. 计算机系统结构期末张晨曦,计算机系统结构(张晨曦)试题
  11. 《原则》瑞达利欧_epub+mobi+azw3
  12. 图森未来高层动荡:CEO侯晓迪被突然免职 公开喊冤
  13. 电感的饱和电流 均方值电流 额定电流的认识
  14. ITK入门教程(12)点集之得到存储的点
  15. Jenkins+GitHub+fir_cli 一行命令从源码到fir im
  16. 设计师必备的设计软件
  17. [日推荐]『忆年共享空间』小而美的私密相册空间
  18. 2022,这些大屏可视化素材,够你用一整年了(附可视化素材包)
  19. more than and less than
  20. 脑残定义,超级经典!

热门文章

  1. java打印6个偶数_Java编写一个应用程序,打印所有偶数从2到100
  2. java webservice 常用_复杂对象类型的WebService高级部分
  3. mysql select 使用_mysql select简单用法
  4. python模拟鼠标拖动_Python+Selenium自动化篇-6-模拟鼠标操作
  5. php连接中文数据库乱码问题,如何解决php的数据库中文乱码问题
  6. tcp当主动发出syn_一文读懂TCP四次挥手工作原理及面试常见问题汇总
  7. android path平移,安卓自定义View进阶:Path基本操作(下)
  8. C语言怎么确定用什么整形,【求助各位大虾!】 怎样用 if 语句验证一个整形数字。...
  9. 世界上第一个程序员竟然是女性,难以置信......
  10. python 对象属性作为参数_如何将对象属性作为函数参数传递给lambda函数?