如果单击链接内部的元素,如何防止默认链接行为
How to prevent default link behavior if element inside of link is clicked
我有一个链接,看起来像这样:
<a href="page.html" class="myLink">
Link text
<div class="toggle">x</div>
</a>
当他们点击x
时,我想阻止链接导航,但如果他们点击Link Text
,我想让链接导航。
我试过了:
$('.toggle').click(function(event) { $(this).parents('a').preventDefault(); });
要停止从单击的元素到外部a
的传播,必须调用stopPropagation。但是在这里,您可以简单地返回false(这既可以停止传播,又可以防止默认行为):
$('.toggle').click(function(event) {
// do interesting things
return false
});
需要触发preventDefault()方法的是事件而不是元素。
$('.toggle').click(function (event) {
event.preventDefault();
});
这将阻止事件触发,但不会在文档中传播。
$('.toggle').click(function (event) {
event.stopPropagation();
});
是对应的
相关文章:
- 如何防止用户使用javascript或jquery在链接中单击鼠标中键
- 停止触摸滚动还可以防止单击链接
- 如何防止iframe中的链接在新选项卡中打开
- 链接内的内容可编辑块,如何防止重定向,但让文本选择插入符号位置更改
- 防止使用 JS 或 jquery 多次点击链接
- 防止使用css点击链接包装
- DataTable如何防止在包含超链接的列中单击行
- 防止iframe破坏会杀死网站上的所有链接
- 防止点击Sennajs中的链接跳到页面顶部
- 如何防止链接设置其子项样式
- jQuery - 防止跳转,但遵循散列链接
- 防止默认在花哨框的锚链接上不起作用
- Linkify 正在链接无效链接.为什么?有没有办法防止这种情况
- 如何防止浏览器打开 href 中指定的链接
- 防止没有 href 的链接 点击
- 如何禁用链接按钮以防止多次提交
- 在拖动链接时防止“单击”
- 防止<a>按ENTER键时无法打开链接
- Jquery选项卡通过点击链接来防止打开新的浏览器窗口
- 使 id 链接可见 - 防止单击定位点时发生默认事件