搜索

+

95

-

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

html5 jquery javascript

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%

我知道答案，我要回答

我有问题

私活外包

最新提问