如果单击 cursor:pointer 元素以外的任何地方，则下拉 slideToggle

Question

所以，我有一个花哨的下拉菜单，如果点击 cursor:pointer 元素以外的任何地方，我想向后滑动。如果你能理解我的话..

目前我得到这个代码：

$("html").click(function() {
   if($(".user-dropdown").is(':visible')) {
      $(".user-dropdown").slideToggle('fast');
   }
});

Answer 1

您可以简单地验证元素触发事件的cursor type，如果不是pointer然后回滚。

$("html").click(function() {
    var cursorType =  $(this).css('cursor');
   if(cursorType!="pointer")
   {
       if($(".user-dropdown").is(':visible')) {
          $(".user-dropdown").slideToggle('fast');
        }
   }
});

尝试一下，看看它是否适合你。

如果单击 cursor:pointer 元素以外的任何地方，则下拉 slideToggle

Dropdown slideToggle if click anywhere except element that are cursor:pointer

onclick

cursor

dropdown