1.jquery触发事件函数trigger(type,[data])

在每一个匹配的元素上出发某类事件。

这个函数也会导致浏览器同名的默认行为的执行。比如,如果用trigger()触发一个submit,则同样会导致浏览器表单的提交。如果要阻止这种默认行为,应返回false。

2.提交表单

$("form:first").trigger("submit")

3.给事件传递参数

$("p").click( function (event, a, b) {// 一个普通的点击事件时,a和b是undefined类型// 如果用下面的语句触发,那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);

4.普通事件触发和a标签跳转触发比较

a) 普通事件触发

<div id="test"></div>
<div id="test2" οnclick="javascript:alert('test2')"></div>
<a href="http://www.baidu.com" id="baidu">百度</a>
<a href="http://www.qq.com" id="qq"><span>腾讯</span></a>

点击test,触发test2的点击事件:

$('#test').on('click',function(){$('#test2').trigger('click');
});

b) 触发a标签跳转

当使用上面的方法时,发现不能触发a标签的跳转。

正确使用方法:

$('#test').on('click',function(){document.getElementById('baidu').click();// $('#qq span').trigger('click');});

用原生js获取a标签,再执行trigger,或者将a标签的内容用标签套起来,获取a标签的内容触发跳转。

jquery触发点击事件相关推荐

  1. ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...

    在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...

  2. js自动触发点击事件

    js自动触发点击事件 // 进入页面立即触发(()=>{// 兼容IEif(document.all) {document.getElementById("aid").cli ...

  3. vue 自动触发点击事件

    需要,点击左边的菜单,顶部菜单相应改变,但是都需要点击事件,页面进来时,默认触发点击事件 方法一,vue自定义指令 directives:{trigger:{inserted(el, binging) ...

  4. 微信小程序长按事件触发点击事件的BUG处理

    微信小程序开发说实话还是有点糟心的,经过事件冒泡的坑之后,又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml <view class="contai ...

  5. view.performClick()触发点击事件

    1.主要作用 自动触发控件的点击事件 2.界面的布局文件  activity_main.xml <RelativeLayout xmlns:android="http://schema ...

  6. ajax点击事件触发后台,使用jquery点击事件触发AJAX

    我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...

  7. vue点击弹窗自动触发点击事件的解决办法

    业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化. div 指令: // 自动触发点击事件directives:{trigger:{ ...

  8. Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...

    bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...

  9. uni-app触发点击事件

    uni-app触发点击事件 触发点击事件,两种比较简单的情况 跳转非导航栏页面 跳转底部导航栏 触发点击事件,两种比较简单的情况 跳转非导航栏页面 <view @tap="clickO ...

最新文章

  1. oracle根据一张表更新另外一张表
  2. 【转】Kconfig,Makefile 和 .config
  3. ExtJS的xtype列表
  4. VTK:简单操作之FloatingPointExceptions
  5. Windows Server 2012 R2 或 2016 无法安装 .Net 3.5.1
  6. VC小技巧(网上搜的)
  7. 解决gdb报错:Failed to import the site module,No module named '_sysconfigdata_m'
  8. Python对象与json数据的转换
  9. 计算机服务里打印功能停止,win7系统电脑打印机print spooler服务总是自动停止的解决方法...
  10. unity 接 steam,获取steamID ,username
  11. maxpooling反向传播
  12. 浅谈0-day漏洞的在野利用
  13. 国际禁毒日 缉毒犬“光速查毒”威武又亲民(图)
  14. Android studio 编译项目出现Keystore was tampered with, or password was incorrect
  15. keycloak 自定义登录页面
  16. CAT实时监控预警系统
  17. 产品经理的分类和职责
  18. HSA人血清白蛋白修饰纳米金球金棒
  19. SpringBoot接入支付宝
  20. Unity 从零开始的2D游戏开发 —— 角色移动脚本

热门文章

  1. 基于DDD的.NET开发框架 - ABP依赖注入
  2. 设置ArcGIS的外观改回到出厂
  3. 第四章、epub文件处理 -- epub文件内部组成
  4. 【算法导论】第7章快速排序
  5. 时间管理领域的三八原则
  6. 2022,这些地图可视化,够你用一整年了(附可视化素材)
  7. 得到的 飞鸽 传书结果就是int * pointer;
  8. 通用ShellCode深入剖析
  9. 水滴石穿C语言之正确使用const
  10. CString LPCTSTR LPTSTR 类型的相互转化