javascript - mouseleave / mouseout 隐藏 div？

Question

我使用以下内容最初在页面加载时隐藏 div，然后切换隐藏显示状态。

$(function() {
  $('#playlist_wrapper').hide();  
  $('#toggle_playlist').click(function() {
    $('#playlist_wrapper').slideToggle(400);
    return false;
  });
});

我希望通过单击#playlist_wrapper div 之外的页面上的任何其他位置来隐藏 div（当可见时）。

我知道它是用 Jquery 中的“mouseleave”或普通 JS 中的“mouseout”完成的，但我只是不知道如何在这里实现它。

任何帮助，将不胜感激。

干杯!

Answer 1

你可以这样做。

$(document).ready(function() {
  $("body").click(function(event) {
    if (event.target.id != "playlist_wrapper") {
      //The user clicked outside the playlist_wrapper
      //Here you can hide / show the div.
    }
  });
});