Javascript HTML-带有ahref和按钮的下拉列表

所以我创建了一个包含文本和删除按钮的下拉列表，但我有一个小问题。当按下

ahref

链接时，它会完全重定向到网站，但当按下delete按钮时，它会按应有的方式显示弹出消息，然后重定向到

ahref

链接。我不希望它在按下删除按钮时重定向。我怎样才能避免这种情况

函数myFunction（）{
警报（“您单击了按钮”）；
回来
}

html{
身高：100%；
}
身体{
保证金：0；
身高：100%；
字体系列：“罂粟花”，无衬线；
背景色：#00ff00；
}
#主容器{
填充：16px；
边缘顶部：30px；
}
#导航栏{
/*溢出：隐藏*/
背景色：#333；
位置：固定；
排名：0；
左：0；
宽度：100%；
高度：54px；
z指数：9999；
}
#导航条a.激活{
文字装饰：下划线；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.家{
背景颜色：绿色；
}
.下拉列表{
浮动：左；
/*溢出：隐藏*/
}
.下拉菜单{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.navbar a:悬停，.dropdown:悬停.dropbtn{
背景色：红色；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示：块；
}
.deleteBtn{
浮动：对；
}

下拉列表
导航栏中的下拉菜单
将鼠标悬停在“下拉”链接上以查看下拉菜单

使用

preventDefault（）

函数myFunction（e）{
e、 预防默认值（）；
警报（“您单击了按钮”）；
回来
}

html{
身高：100%；
}
身体{
保证金：0；
身高：100%；
字体系列：“罂粟花”，无衬线；
背景色：#00ff00；
}
#主容器{
填充：16px；
边缘顶部：30px；
}
#导航栏{
/*溢出：隐藏*/
背景色：#333；
位置：固定；
排名：0；
左：0；
宽度：100%；
高度：54px；
z指数：9999；
}
#导航条a.激活{
文字装饰：下划线；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.家{
背景颜色：绿色；
}
.下拉列表{
浮动：左；
/*溢出：隐藏*/
}
.下拉菜单{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.navbar a:悬停，.dropdown:悬停.dropbtn{
背景色：红色；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示：块；
}
.deleteBtn{
浮动：对；
}

下拉列表
导航栏中的下拉菜单
将鼠标悬停在“下拉”链接上以查看下拉菜单

• #导航栏

  不应位于主容器内
• 不要把
  放在

  
  下拉列表
  
  
  X
  
  
  X
  
  
  X
  
  
  导航栏中的下拉菜单
  将鼠标悬停在“下拉”链接上以查看下拉菜单
  
  

  不应嵌套动作元素。按钮永远不应该出现在标签内。反之亦然。将父级同时用于a和按钮。在按钮X上，单击删除包含这两个按钮的父级。尝试函数myFunction（）{alert（“您单击了按钮”）；返回false；}@RokoC.Buljan哦，我不知道。你能给我举个例子吗？@Azhar仍然使它在警报后重定向。

  type='deleteBtn'

  是无效属性！谢谢但是为了获得更多的经验-为什么

  不放在里面，反之亦然。

  ？@Carmen1（不客气！）因为同样的原因，你不放动作