如何以编程方式触发鼠标悬停? (orce悬停状态不起作用)

时间:2018-06-12 02:15:53

标签: javascript events developer-tools

在此页面上:https://turbo-theme-seoul.myshopify.com/鼠标悬停在相应的菜单项上时会出现下拉菜单。为了检查下拉菜单的HTML元素,我需要强制它们显示。通常,这可以通过在开发人员工具中强制父菜单项的状态为:hover来完成,但在这种情况下它不起作用。我想下拉是由javascript而不是CSS触发的。如何以编程方式显示此下拉列表而不必将鼠标移到它上面?我试过了

$($0).hover()

$0.dispatchEvent('mouseover')
在父菜单项上的

,它们都不起作用。在我看来,'鼠标悬停'事件不能以编程方式触发。那怎么办? PS:我知道我可以在HTML中找到下拉菜单并从中删除“display:none”,我只是想知道是否有任何方法可以触发鼠标悬停事件并让下拉菜单以编程方式显示以用于学习目的。

1 个答案:

答案 0 :(得分:0)

正如jquery官方文件所说:

  

.hover()方法在传递单个函数时,将为mouseenter和mouseleave事件执行该处理程序。这允许用户在处理程序中使用jQuery的各种切换方法,或者根据event.type在处理程序中做出不同的响应。

所以悬停事件由mouseentermouseleave事件组成,因此您无法以编程方式触发悬停事件,因为您无法触发mouseenter和{ {1}}同时..所以你应该使用mouseleave来显示你的下拉菜单,并使用.mouseenter()来隐藏它。