js案例:按下按键聚焦到输入框

m0_63400611

已于 2022-05-18 16:01:46 修改

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 开发语言

于 2021-12-12 18:56:09 首次发布

本文链接：https://blog.youkuaiyun.com/m0_63400611/article/details/121891601

js 专栏收录该内容

55 篇文章

订阅专栏

本文介绍如何通过JavaScript监控keyup事件，当用户按下S键时，自动将光标定位到输入搜索框中。关键代码展示了如何使用keyCode判断并操作输入元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分析

核心思路:检测是否按下了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>