我有下面的代碼，它執(zhí)行以下操作： 1：用戶單擊按鈕，它會打開或關(guān)閉下拉菜單 2：用戶單擊 webslides 元素內(nèi)的任何位置，如果顯示，它將關(guān)閉菜單問題是網(wǎng)頁幻燈片位于按鈕下方，我希望用戶也單擊標(biāo)題以便在顯示菜單時能夠不顯示菜單，但這不起作用。相反，無論我嘗試單擊按鈕打開菜單多少次，該按鈕都不會顯示菜單，var menu = document.getElementsByClassName("dropdown-content")[0];var header = document.getElementById('header');var webslidesBody = document.getElementById('webslides');function lessonSelectionFunction() { if (menu.style.display === "none") { menu.style.display = "block"; } else { menu.style.display = "none"; }}webslidesBody.onclick = function() { menu.style.display = "none";}header.onclick = function() { menu.style.display = "none";}<html><head> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&subset=latin-ext" rel="stylesheet" /> <!-- Optional - CSS SVG Icons (Font Awesome) --> <link rel="stylesheet" type='text/css' media='all' href="static/css/svg-icons.css" /> <!-- CSS Webslides --> <link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8"></head><body> <header id="header"> <nav role="navigation" class="nav"> <div class="dropdown"> <button class="dropbtn" style="text-transform: none;" onclick="lessonSelectionFunction()">Lesson Selection</button> <div class="dropdown-content" style="display:none;"> <a href="#slide=1">Introduction</a> <a href="#slide=4">Lesson 1: Methodologies and Development Lifecycle</a> <a href="#slide=18">Lesson 2: IT Support</a> <a href="#slide=29">Lesson 3: Testing Foundations</a> <a href="#slide=42">Lesson 4: Manual Testing Activities</a> <a href="#slide=52">Lesson 5: Intro Into Automation</a> </div> </div>
如果用戶單擊屏幕上的任意位置如何關(guān)閉菜單？
慕無忌1623718
2023-09-18 17:25:05
