一般信息使用下拉觸發器在具有集成寄存器/登錄表單的菜單上工作。問題矩陣化 CSS 有一個默認選項來禁用菜單的自動關閉：。這工作得很好。問題是，當按下Tab時，它仍然關閉菜單。許多用戶（包括我）按 Tab 鍵可快速瀏覽 Web 表單。所以我試圖阻止這種情況。closeOnClick: false我嘗試過的解決方案 遵循這個密切相關的問題中的建議： 防止在單擊內部時關閉具體化下拉列表 我嘗試過與鍵降，鍵控和按鍵事件類似的操作。沒有任何影響：$('.dropdown-button + .dropdown-content').on('keyup', function(event) {     event.stopPropagation(); });可接受的解決方案使用 html、css、腳本和/或 jQuery 可以接受解決方案。MCVE單擊下拉列表表單中的操作正常。按 Tab 鍵，它將關閉菜單。$(document).ready(function(){  $(".dropdown-trigger").dropdown({    alignment: 'left',    constrainWidth: false,    coverTrigger: false,    closeOnClick: false,    hover: false  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><ul id="usermenu" class="dropdown-content dropdown-menu">  <li>    <div class="row no-bottom">      <div id="login" class="col s12">        <form id="form-login">          <div class="row">            <div class="col s12">              <label>Username</label>              <input type="text" class="browser-default form-input" placeholder="Username" id="username"/>            </div>          </div>          <div class="row no-bottom">            <div class="col s12">              <label>Password</label>              <input type="password" class="browser-default form-input" placeholder="Password" id="password"/>            </div>          </div>        </form>      </div>    </div>  </li></ul>