Jquery mouseenter和mouseout

Question

我有一个div（div1）扭曲文字。 在mouseenter上我把另一个div（div2）放在div1前面，在mouseout上我隐藏了div2。 我的问题是在鼠标中心或悬停时，它会闪烁。

这是我的代码

        $(".EditText").mouseenter(function () {
            debugger;
            $("#divEdit").css("display", "block");
            $("#divEdit").css("height", $(this).height() );
            $("#divEdit").css("width", $(this).width() );
            $("#divEdit").css({ "position": "absolute", "top": $(this).offset().top, "left": $(this).offset().left });
        }).mouseout(function () {
            $("#divEdit").css("display", "none");
        });
    });

Answer 1

如果您动态地在鼠标下放置项目，您将在某些（所有？）浏览器上触发mouseOut个事件，因为它 有效地离开了之前的DIV并进入了孩子。

您可以使用添加的元素https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events上的指针事件样式将div添加为对鼠标透明：

style="pointer-events: none;"

注意：这对旧版浏览器不起作用。