我的問題是當我單擊選單的圖示（如加號或下拉選單）時，如果它有任何鏈接，則不應移動到頁面，但它首先顯示子選單，然后只有我應用了此 JS：
let plus = document.querySelectorAll(".menu-item > a");
console.log(plus);
for (var i = 0; i < plus.length; i ){
console.log(plus[i]);
plus[i].addEventListener("click",(e)=>{
let plusParent = e.target.parentElement;
console.log(plusParent);
plusParent.classList.toggle("showMenu");
});
}
在這張圖片中，您可以檢查我想在點擊圖示上打開子選單的位置，但不重定向到父圖示的鏈接
uj5u.com熱心網友回復：
我認為您需要先阻止 tag 事件，這樣它就不會跳轉到鏈接。您可以使用 e.preventDefault() 來做同樣的事情。
let plus = document.querySelectorAll(".menu-item > a");
console.log(plus);
for (var i = 0; i < plus.length; i ){
console.log(plus[i]);
plus[i].addEventListener("click",(e)=>{
e.preventDefault(); // prevent link to open new page first
let plusParent = e.target.parentElement;
console.log(plusParent);
plusParent.classList.toggle("showMenu");
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/395556.html
標籤：javascript 查询 菜单 导航