避免锚标记阻止点击的传播
Avoid anchor tags stoping propagation of clicks
本文关键字:传播 更新时间:2023-09-26
我发现标签阻止事件在DOM中向下传播。举个例子:如果你点击红色按钮,应该记录一个文本,但如果你按下它们重叠的地方,你只会得到链接行为。¿有没有办法强制事件传播到底部?
var btn = document.querySelector(".btn");
btn.addEventListener("click", function() {
console.log("btn clicked");
});
.btn {
background: red;
color: white;
width: 200px;
text-align: center;
padding: 1em;
}
a {
background: rgba(0, 200, 100, 0.3);
display: block;
width: 150px;
height: 150px;
position: absolute;
top: 0;
left: 100px;
z-index: 99;
}
<div class="btn">Press me</div>
<a href="http://google.com" target="_blank"></a>
似乎该代码段阻止了链接触发,但在此处对其进行测试,您将看到它:http://codepen.io/vandervals/pen/wMNKOG
是的,把a
放在你的.btn
里。
<div class="btn">
Press me
<a href="http://google.com" target="_blank"></a>
</div>
相关文章:
- 在Jquery中单击传播失败
- 模型数据未通过窗体传播到控制器ASP.NET MVC4
- Twitter引导程序在下拉列表打开时停止传播
- 如何在首次使用jQuery点击后停止函数传播
- AngularJS Linky过滤器停止传播
- 通过$.when传播进度通知
- 停止jquery中元素上的事件传播
- JavaScript 中的符号传播右移和零填充右移之间的区别
- GWT-允许鼠标事件在两个叠加画布之间传播
- 为什么不'不要停止这小提琴里的即时传播工作
- 在Redux中传播属性
- 同一元素上的多个事件,停止立即传播
- 可以将模型传播到组件,但不能传播到sap.ui.jsfragment
- 停止点击事件传播
- 如果父元素具有 preventDefault,如何将单击传播到子元素
- 有没有一种方法可以阻止IE中键盘快捷键的传播
- 在余烬中传播悬停事件
- 如何将当前值从 dom-repeat 向下传播到内部 dom-if
- 停止蓝鸟承诺中的错误传播
- 对于JQM中的外部链接,动态添加的链接上的触发器('click')不会传播