Question

我想通过在菜单外部单击来关闭菜单，但是我不知道为什么。

    <nav class="navbar navbar-expand-md navbar1">

        <div class="container1">
            <div class="row text-center align-items-center">

                <div class="col-12">
                    <a href="#inicio"><img class="logo" src="img/logobranco.png"></a>
                </div>


                <div id="myNav" class="overlay rounded-right">
                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
                    <div class="overlay-content">
                        <a href="#inicio" onclick="closeNav()">ÍNICIO</a>
                        <a href="#servicos" onclick="closeNav()">SERVIÇOS</a>
                    </div>
                </div>
                    <span class="menuicon" onclick="openNav()">MENU</span>
            </div>
        </div>
    </nav>

<script>
            function openNav() {
                document.getElementById("myNav").style.width = "50%";
            }

            function closeNav() {
                document.getElementById("myNav").style.width = "0%";
            }

我也可以通过onclick函数和X上的链接将其关闭。但是我不能在菜单之外做。我尝试在主体上或其他物体上使用onclick =“ closeNav（）”，但是ofc无效。是否可以使用此功能通过在菜单外部单击来关闭Nav？

关闭菜单onclick在其外部

0 个答案: