Javascript 如何在下拉列表的锚定标记上触发鼠标悬停事件

.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
}
.dropbtn:悬停，
.dropbtn:焦点{
背景色：#3e8e41；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#0000FF；
最小宽度：160px；
溢出：自动；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉菜单a:悬停{
背景色：#ff0000
}
.表演{
显示：块；

点击

您只需使用

hover（）

$（'button，#myDropdown'）。悬停（函数（）{
$（“#myDropdown”）.toggleClass（'show'）；
})

或者，当您将鼠标悬停在元素上时，可以在上触发自定义事件

$（'#About1'）.mouseenter（函数（）{
$（this.trigger（'customEvent'）；
});
$（'#About1'）。on（'customEvent'，function（）{
警惕（‘Lorem Ipsum’）；
});

您只需使用

hover（）

$（'button，#myDropdown'）。悬停（函数（）{
$（“#myDropdown”）.toggleClass（'show'）；
})

或者，当您将鼠标悬停在元素上时，可以在上触发自定义事件

$（'#About1'）.mouseenter（函数（）{
$（this.trigger（'customEvent'）；
});
$（'#About1'）。on（'customEvent'，function（）{
警惕（‘Lorem Ipsum’）；
});

如果您仅尝试更改样式，最好在css中使用选择器

：hover

---

如果您需要其他任何东西，请使用hover:

$（'selector'）。hover（functionOnHover，FunctionOnHoverOut）；

如果您仅尝试更改样式，最好在css中使用选择器

：hover

---

如果您还需要其他内容，请使用hover:

$（'selector'）。hover（functionOnHover，FunctionOnHoverOut）；

如果您想在诸如“About”之类的下拉项上触发鼠标悬停事件，而不将鼠标实际悬停在其上，则可以添加

$（文档）.ready（函数（）{
$（“#About1”）.trigger（'mouseenter'）；
})；

---

如果您想在下拉项目上触发鼠标悬停事件，例如“关于”，而不实际将鼠标悬停在其上，您可以添加

$（文档）.ready（函数（）{
$（“#About1”）.trigger（'mouseenter'）；
})；

---

鼠标悬停是mouseenter和mouseleave的简化事件。鼠标悬停是mouseenter和mouseleave的简化事件。我们可以将鼠标悬停在锚定标记上自动执行吗？不确定您所说的“自动执行”是什么意思？我们可以在下拉项目（如Home、About、Contact）上触发鼠标悬停事件而不实际将鼠标悬停在上面吗？只是将选择器

#About

更改为

#myDropdown a

，这样您就可以触发

：将css中的规则悬停在js的其他事件上。我认为这是不可能的，相反，您可以将css规则放在一个类中并
切换类
，或者我们可以自动将鼠标悬停在锚标记上吗？不确定您所说的是什么意思de>自动执行

？我们可以在Home、About、Contact等下拉项目上触发鼠标悬停事件而不实际将鼠标悬停在其上吗？只需将选择器#About更改为#myDropdown a，所以您想在js的其他事件上触发css中的规则。我认为这是不可能的，相反，您可以将css规则放在一个类中，然后

切换类

或