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. 如何停止滾動的錨標記？
- 3. StopPropogation - 無法禁用父錨定標記
- 4. 錨定標記的隨機行爲
- 5. Noscript禁用錨定標記行爲
- 6. 錨定標記的行高
- 7. 錨定標記在HTML5網站停止工作
- 8. 錨定標記（懸停）和JavaScript
- 9. IE 6 CSS懸停非錨定標記
- 10. 防止從錨定標記滾動
- 11. 阻止錨標記跳轉
- 12. 停止錨標記從滾動鼠標點擊
- 13. C＃Geckodriver/Selenium 3.0 - Mozilla 47.0.1自行停止
- 14. 錨定標記和定位
- 15. 防止頁面跳轉 - 哈希錨標記 - 默認行爲
- 16. 防止錨行爲
- 17. 錨定標記中的多行
- 18. 在JavaScript函數調用錨標記後停止工作
- 19. 定期爲錨標記表達
- 20. 更換錨定標記span標記
- 21. 奇怪的錨標記行爲
- 22. 在錨標記內創建錨標記
- 23. CSS TR：懸停和錨標記
- 24. 懸停錨標記的顯示div
- 25. JDialog停止執行父JFrame
- 26. 防止默認的錨定行爲AngularJS
- 27. 錨定標記驗證
- 28. 嵌套HTML-錨定標記
- 29. cakephp中的錨定標記
- 30. 錨定標記的填充
這不是有效的HTML有一個''標籤內的交互式內容（如''