jQuery触发a标签的点击事件无效

1     <a id="workFrame" href="pages/work.html" target="FrameBox">首页</a>
2       3     $("#workFrame").tigger("click");

上述的代码，其实挺正常的，但是怎么也触发不了a标签的click事件。百度一下，解决方案如下

1     <a id="workFrame" href="pages/work.html" target="FrameBox"><span id="aSpan">首页</span></a>
2
3      $("#aSpan").tigger("click");

当然这里有一个问题，就是为啥触发span的click事件，就会触发a标签的click事件呢，就是一个事件冒泡的过程

1，事件源触发onclick事件，之后它的父元素也会触发click事件，之后它的祖父元素再触发click事件，直到html元素（W3C标准及支持事件冒泡，也支持事件捕获，事件捕获就是和事件冒泡相反，从html到事件源，当然我们伟大的IE在原则上还是不能与之为伍，有自己的风格，只支持事件冒泡）

2，当然也可以阻止事件传播

• 在W3c中，使用stopPropagation（）方法，

• 在IE下设置cancelBubble = true；
3，也可以阻止默认行为，例如click <a>后的跳转~
• 在W3c中，使用preventDefault（）方法；
• 在IE下设置window.event.returnValue = false；

关于事件传播的具体内容：前关注 http://www.jb51.net/article/42492.htm

转载于:https://www.cnblogs.com/qiao-xi/p/4580030.html

jQuery触发a标签的点击事件无效相关推荐

jquery+javascript触发a标签的点击事件
今天项目经理跟我说window.open()在一些浏览器上会被拦截,当时的解决方案是:用a标签的target="_blank"属性也可以打开窗体页面于是解决了A问题出现了B问题: ...
jQuery触发 a 标签点击事件
<a id="targetEl" href="" target="_blank" >走你!</a> 平时使用 jQu ...
jquery 触发a标签点击事件，弹出页面
<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步< ...
关于a标签的点击事件触发无效的问题
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提项目为:xxxx管理系统.在该系统中,可以通过点击左侧的菜单(导航栏)来实现右边内容的切换.而且内容区的页面都是嵌套 ...
动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样
动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...
解决给a标签添加点击事件时遇到的问题
前几天有人问我为什么她的点击事件不好使呢?效果闪一下就没有了? 首先她的点击事件没有加给button或者其他标签,当然a标签是可以加的,但是一般a标签我们都是用来链接到某个网页或位置,它的href属性 ...
如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件一.HTML demo代码二.JS动态新增li并绑定点击事件三.效果图有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...
vue el-tree懒加载默认展开一级，懒加载刷新（默认高亮某个节点，触发某个节点的点击事件）
场景如上图所示,左边展示分组及分组下的标签,点击某个标签,在右边展示某个标签的详情,可以对标签内容进行编辑保存,还可对标签进行搜索,默认展示全部标签,展开一级不目下标签,若对标签进行搜索筛选,则把每 ...
百度地图 app 点击事件无效、不触发解决方案
百度地图 app 点击事件无效.不触发解决方案参考文章: (1)百度地图 app 点击事件无效.不触发解决方案 (2)https://www.cnblogs.com/muzhe/articles ...

jQuery触发a标签的点击事件无效

jQuery触发a标签的点击事件无效相关推荐

最新文章

热门文章