1. 程式人生 > 其它 >案例:模擬京東按鍵輸入內容 鍵盤事件

案例:模擬京東按鍵輸入內容 鍵盤事件

技術標籤:JavaScriptjsjavascript

案例:模擬京東按鍵輸入內容

當按下 s 鍵時, 游標就定位到搜尋框(文字框獲得焦點)


動圖展示:

在這裡插入圖片描述


程式碼展示:

<p>案例:模擬京東按鍵輸入內容</p>
<input type="text">
<script>
    // 獲取輸入框
    var search = document.querySelector('input');
    // 給document註冊keyup事件
    document.addEventListener('keyup', function
(e) { // 判斷keyCode的值 if (e.keyCode === 83) { // 觸發輸入框的獲得焦點事件 search.focus(); } })
</script>