美文网首页
jq点击其他下拉区域隐藏下拉框

jq点击其他下拉区域隐藏下拉框

作者: 陈情令 | 来源:发表于2022-05-15 19:48 被阅读0次

    // 点击其他下拉区域隐藏下拉框

    $(document).bind("click",function(e){

    var e = e ||window.event;  //事件对象,兼容IE

        var target = e.target || e.srcElement; //源对象,兼容火狐和IE

        while(target){

    if (target.id && target.id =="dropdown"){//循环判断至根节点,防止点击的是#selected和它的子元素

                return;

            }

    target = target.parentNode;

        }

    $("#dropdown ul").hide(); //点击的不是#selected和它的子元素,隐藏下拉菜单

    })

    相关文章

      网友评论

          本文标题:jq点击其他下拉区域隐藏下拉框

          本文链接:https://www.haomeiwen.com/subject/npvwurtx.html