JavaScript按键定位输入框
要求:
有一输入框,当用户按下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>