要求:
有一輸入框,當用戶按下s鍵,游標自動定位到輸入框中,
實作思路:
- 檢測用戶是否按下了
s鍵,如果按下s鍵,就把游標定位到搜索框里面 - 使用鍵盤事件物件里面的
keyCode判斷用戶按下的是否是s鍵 - 搜索框獲得焦點:使用
focus()方法
代碼實作:
內容:
<input type="text">
<script>
var search = document.querySelector('input');
// 若使用keydown,按下s后,“s”也會添加到輸入框
// 使用keyup則不會,s鍵松開后才觸發
document.addEventListener('keyup', function(e) {
// console.log(e.keyCode);
if (e.keyCode === 83) {
search.focus();
}
});
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/167582.html
標籤:JavaScript
上一篇:原生JS實作移動端輪播圖
