案例:模擬京東按鍵輸入內容 鍵盤事件
阿新 • • 發佈:2020-12-14
案例:模擬京東按鍵輸入內容
當按下 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>