jquery触发点击事件
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触发点击事件相关推荐
- ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...
- js自动触发点击事件
js自动触发点击事件 // 进入页面立即触发(()=>{// 兼容IEif(document.all) {document.getElementById("aid").cli ...
- vue 自动触发点击事件
需要,点击左边的菜单,顶部菜单相应改变,但是都需要点击事件,页面进来时,默认触发点击事件 方法一,vue自定义指令 directives:{trigger:{inserted(el, binging) ...
- 微信小程序长按事件触发点击事件的BUG处理
微信小程序开发说实话还是有点糟心的,经过事件冒泡的坑之后,又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml <view class="contai ...
- view.performClick()触发点击事件
1.主要作用 自动触发控件的点击事件 2.界面的布局文件 activity_main.xml <RelativeLayout xmlns:android="http://schema ...
- ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
- vue点击弹窗自动触发点击事件的解决办法
业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化. div 指令: // 自动触发点击事件directives:{trigger:{ ...
- Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...
bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...
- uni-app触发点击事件
uni-app触发点击事件 触发点击事件,两种比较简单的情况 跳转非导航栏页面 跳转底部导航栏 触发点击事件,两种比较简单的情况 跳转非导航栏页面 <view @tap="clickO ...
最新文章
- oracle根据一张表更新另外一张表
- 【转】Kconfig,Makefile 和 .config
- ExtJS的xtype列表
- VTK:简单操作之FloatingPointExceptions
- Windows Server 2012 R2 或 2016 无法安装 .Net 3.5.1
- VC小技巧(网上搜的)
- 解决gdb报错:Failed to import the site module,No module named '_sysconfigdata_m'
- Python对象与json数据的转换
- 计算机服务里打印功能停止,win7系统电脑打印机print spooler服务总是自动停止的解决方法...
- unity 接 steam,获取steamID ,username
- maxpooling反向传播
- 浅谈0-day漏洞的在野利用
- 国际禁毒日 缉毒犬“光速查毒”威武又亲民(图)
- Android studio 编译项目出现Keystore was tampered with, or password was incorrect
- keycloak 自定义登录页面
- CAT实时监控预警系统
- 产品经理的分类和职责
- HSA人血清白蛋白修饰纳米金球金棒
- SpringBoot接入支付宝
- Unity 从零开始的2D游戏开发 —— 角色移动脚本