Javascript 如何以编程方式触发鼠标悬停?(强制悬停状态不工作)
在此页面上:当鼠标滑过相应的菜单项时,会出现下拉菜单。为了检查下拉菜单的HTML元素,我需要强制显示它们。通常,可以通过在开发人员工具中强制父菜单项的状态为Javascript 如何以编程方式触发鼠标悬停?(强制悬停状态不工作),javascript,events,developer-tools,Javascript,Events,Developer Tools,在此页面上:当鼠标滑过相应的菜单项时,会出现下拉菜单。为了检查下拉菜单的HTML元素,我需要强制显示它们。通常,可以通过在开发人员工具中强制父菜单项的状态为:hover,来实现这一点,但在这种情况下,它不起作用。我猜这个下拉列表是由javascript而不是CSS触发的。如何在不必将鼠标移到下拉列表上的情况下以编程方式显示该下拉列表?我试过了 $($0).hover() 及 在父菜单项上,它们都不工作。在我看来,“mouseover”事件无法通过编程方式触发。那我该怎么做呢?PS:我知道我可以
:hover
,来实现这一点,但在这种情况下,它不起作用。我猜这个下拉列表是由javascript而不是CSS触发的。如何在不必将鼠标移到下拉列表上的情况下以编程方式显示该下拉列表?我试过了
$($0).hover()
及
在父菜单项上,它们都不工作。在我看来,“mouseover”事件无法通过编程方式触发。那我该怎么做呢?PS:我知道我可以在HTML中找到下拉菜单并从中删除“display:none”,我只是想知道是否有任何方法触发鼠标悬停事件,并让下拉菜单以编程方式显示以供学习 正如jquery官方文件所说: .hover()方法在传递单个函数时,将对mouseenter和mouseleave事件执行该处理程序。这允许用户在处理程序中使用jQuery的各种切换方法,或者根据event.type在处理程序中做出不同的响应
因此,悬停事件由
mouseenter
和mouseleave
事件组成,因此不能以编程方式触发悬停事件,因为不能同时触发mouseenter
和mouseleave
。。所以你应该用.mouseenter()
来显示你的下拉列表,用.mouseleave()
来隐藏它。我投票把这个问题作为离题题题来结束,因为我不想帮助别人对别人的网站进行反向工程。@Jorg,你难道没有看到一种很酷的技术,想知道它是怎么做到的吗?@Steve,如果我问你它是怎么工作的,我什么也学不到。因此,我不会调试它,因为你让我调试,因为你什么也学不到。我做了$($0)。mouseenter()
,它不工作,下拉列表不会显示。@shenkwen什么是$0
?试试$('.mega-menu-parent').mouseenter()
,它就可以工作了。
$0.dispatchEvent('mouseover')