首页 > 解决方案 > 当光标位于目标顶部时如何触发 jQuery hover()?

问题描述

当鼠标从目标外部移动到目标内部时, jQueryhover()工作正常,反之亦然。但是当鼠标正好在目标之上时hover()不会触发任何东西。

用例:光标在窗口中间,页面在中间加载一个元素,没有鼠标移出元素发生。

mouseenter当鼠标在目标上时如何触发?

还有一些代码(虽然这个问题更具概念性):

function showControls() {
    $('#controls').show();
}

function hideControls() {
    $('#controls').hide();
}

$('.panel').hover(showControls, hideControls);

和 HTML:

<div class='panel'>
    <div id='controls'>
        <button>Del</button>
    </div>
</div>

标签: jqueryjquery-hovermouseentermouseleave

解决方案


回答我自己的问题:)

添加以下内容可解决问题:

$('.panel').onmousemove(showControls);

推荐阅读