Onclick 下拉式滑块如果单击光标:指针所在元素以外的任意位置,则切换

Onclick 下拉式滑块如果单击光标:指针所在元素以外的任意位置,则切换,onclick,cursor,dropdown,Onclick,Cursor,Dropdown,所以,我得到了一个奇特的下拉列表,我想滑回任何地方,如果点击除了光标:指针的元素…如果你能理解我 目前我得到了以下代码: $("html").click(function() { if($(".user-dropdown").is(':visible')) { $(".user-dropdown").slideToggle('fast'); } }); 您可以简单地验证元素触发事件的光标类型,如果它不是指针,则返回 $("html").click(function()

所以,我得到了一个奇特的下拉列表,我想滑回任何地方,如果点击除了光标:指针的元素…如果你能理解我

目前我得到了以下代码:

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

您可以简单地验证元素触发事件的
光标类型
,如果它不是
指针
,则返回

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

试试看它是否对你有用。

你能分享一下小提琴吗?@pratikwebdev它似乎工作得很好。当用户单击除下拉项以外的其他项时,Drowdown会向后滑动。你想排除顶部图标吗?@pratikwebdev我没有任何问题,一切都很好。我只是问如果你单击外部下拉列表,我是否可以使它滑动,但元素不在光标上:指针;我没有做到这一点,但我做到了,现在可以做到:$(“html”).click(函数(e){if($(e.target).css($(游标)!='pointer'){//code}});谢谢你的帮助!