javascript - 定义鼠标离开区域

Question

我有一个迷宫，用户可以通过在路径中拖动鼠标来遍历。

我希望迷宫仅在鼠标离开主区域时刷新，而不是在鼠标离开笑脸区域时刷新，因为用户可以从起始位置以外的其他位置开始迷宫。

JSFiddle

$('#highlight_lose').bind('mouseleave', function() {
  $(this).fadeOut(1000);  
})

Answer 1

在使用 1.8+ jQuery 库时.on()改为使用.bind()

// 更新

$('#highlight_lose').bind('mouseleave', function() {
  $(this).fadeOut(1000);  
    $(".white").html("START HERE!");
})

$('#finish').on('mouseenter', function() {
  $('#highlight_win').fadeIn(1000);
    $('.wall').css("background", '#fff');
})

$('#highlight_win').on('mouseleave', function() {
  $(this).fadeOut(1000);
    $('.wall').css("background", '#fff');
})

Fiddle Demo -- > 更新了 Fiddle