案例：按下s鍵時光標就自動定位到搜索框

本文轉載自查看原文 2020-05-23 01:02 1749 Web API

① 核心思路：檢測用戶是否按下了s鍵，如果按下了s鍵，就把光標定位到搜索框里面

② 使用鍵盤事件對象里面的keyCode判斷用戶按下的是否是s鍵

③ 搜索框獲得焦點：使用js里面的focus() 方法

<body>
    <input type="text">
    <script>
            var search = document.querySelector('input');
            document.addEventListener('keyup', function(e) {
                // console.log(e.keyCode);
                if (e.keyCode === 83) {
                    search.focus();
                }
            });
    </script>
</body>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 顯示輸入框時光標自動定位到輸入框內容的最后 Ace-editor 輸入內容時光標閃動，定位錯亂的解決方案打開頁面光標自動定位搜索框自動提示 input 文本框自動顯示光標 Chrome 如何讓光標快速定位到地址欄-進行搜索 input輸入框的光標定位的問題 js原生搜索框自動搜索 js搜索框實現自動搜索功能前端過濾，搜索框注入案例