+
95
-

jquery如何实现点击页面其他部分隐藏下拉菜单?

jquery如何实现点击页面其他部分隐藏下拉菜单?

网友回复

+
15
-

通过监听document对象遍历所有的dom元素,发现点击的不是菜单对象时隐藏,代码如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script>

    <style>
        #dropmenu{
               width: 100px;
                display: none;
                position: absolute;
                padding: 10px 0;
                top:30px;
                left: 0;
                margin: 0;
                list-style: none;
                text-align: center;
                background: white;
                z-index: 111;
                 box-shadow: 0 15px 30px #e5e5e5;
                 font-size: 14px;
            }
               #dropmenu li{
                   padding: 1px 10px;
                   height: 42px;
         ...

点击查看剩余70%

我知道答案,我要回答