jQuery-鼠标输入闪烁图像

jQuery - Mouse enter flickers image

本文关键字：图像 闪烁 输入 鼠标 jQuery-      更新时间：2023-12-24

我试图在div上做一个简单的悬停并显示/隐藏图像。

小提琴在这儿：http://jsfiddle.net/s2WWM/

我做错了什么？

使用mouseenter和mouseleave而不是mouseover和mouseout

http://jsfiddle.net/s2WWM/2/

还将其绑定到容器元素上。

这些事件之间的区别在于，mouseenter和mouseleave仅在您完全离开元素时计数，而mouseover和mouseout在您离开元素时计算，无论您是否仍在元素内。

例如，当您将外部元素留给内部元素时，这是mouseout，但不是mouseleave，因为您仍在外部元素内部。

问题是，当你将鼠标悬停在.fullscreen上时，你不再将鼠标悬停于#canvas上，所以这样更改它：

$(document).ready(function () {
    $("#canvas, .fullscreen").mouseover(function() {
        console.log("Show...");
    $(".fullscreen").show();
  }).mouseout(function(){
    $(".fullscreen").hide();
  });
});​
相关文章：