【问题标题】:How to trigger jQuery hover() when cursor is on top of the target?当光标位于目标顶部时如何触发 jQuery hover()?
【发布时间】:2018-11-29 06:22:36
【问题描述】:

jQuery hover() 工作正常,当鼠标从外部移动到目标内部时,反之亦然。但是当鼠标正好在目标上方时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>

【问题讨论】:

  • 到目前为止你尝试了什么?
  • @HamzaHaider 我已经尝试过 hover()、mouseenter() 和 mouseleave() 以及大量的谷歌搜索。
  • 请出示您的代码
  • @HamzaHaider 是的,但这不会有太大帮助:)
  • 当鼠标在目标上时你到底想要什么?

标签: jquery jquery-hover mouseenter mouseleave


【解决方案1】:

回答我自己的问题:)

添加以下解决问题:

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

【讨论】:

    猜你喜欢
    • 2021-09-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-25
    • 2021-02-15
    • 2022-08-14
    • 2011-06-19
    相关资源
    最近更新 更多