0
我有html代码。Mozilla停止父锚定标记行为
在Html父元素中是Anchor tag而子元素是Dropdown。我想要stop parent behavious。
Exa。当下拉用户点击这样称呼下拉变化事件，并停止父锚标记品行像onclick or href value
您可以编辑在以下网址 https://jsfiddle.net/z4c4gwxa/
A
回答
0
你需要停止对你的下拉菜单的改变事件传播，以防止其向上冒泡DOM树，并检查您的锚标记的点击事件上的e.target，以确保它自己被解雇。
$(function() {
$("a").click(function (e) {
if (! $(e.target).is($(this))) {
return false;
}
alert('parent');
});
$('#dropdown').change(function (e) {
e.stopPropagation();
alert($(this).val());
})
})<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<a href="javascript:void(0);">
<select id="dropdown">
<option value="1">Option1</option>
<option value="2">Option2</option>
<option value="3">Option3</option>
</select>
Click this part
</a>相关问题
- 1. 停止WordPress fetch_feed从剥离锚标记
- 2. StopPropogation - 无法禁用父锚定标记
- 3. Noscript禁用锚定标记行为
- 4. 锚定标记的随机行为
- 5. 锚定标记在HTML5网站停止工作
- 6. IE 6 CSS悬停非锚定标记
- 7. 锚定标记（悬停）和JavaScript
- 8. 防止从锚定标记滚动
- 9. 阻止锚标记跳转
- 10. 锚定标记和定位
- 11. 防止页面跳转 - 哈希锚标记 - 默认行为
- 12. 防止锚行为
- 13. 锚定标记中的多行
- 14. 定期为锚标记表达
- 15. 嵌套HTML-锚定标记
- 16. 锚定标记验证
- 17. 防止刷新锚点标记点击
- 18. 如何删除使用jQuery锚定标记的父亲
- 19. 记事本++停止替换特定行
- 20. 与锚标记
- 21. HTML锚标记
- 22. 锚定标记在悬停时保持下划线
- 23. 锚定标记无法在悬停css上工作
- 24. 锚链接停止在Chrome
- 25. JavaFX停止标签重叠父项？
- 26. 锚标记复制
- 27. Jsoup：从锚标记
- 28. Java：用锚定标记替换所有的URL并不在锚标记中
- 29. XHTML设定为行分解为多个图像中的多个锚标记内
- 30. Javascript和锚定标记中的href
这不是有效的HTML有一个''标签内的交互式内容（如''