javascript空格定位输入框 -- 案例

最新推荐文章于 2023-01-06 15:14:14 发布

原创最新推荐文章于 2023-01-06 15:14:14 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #html5

本文介绍如何使用JavaScript为输入框实现点击空格时自动聚焦的效果，通过监听keyup事件，当遇到空格键时调用input的focus方法。HTML、CSS代码简洁，适合初学者理解。

js空格定位输入框 @Draven

效果预览
html代码
css代码
js代码

效果预览

在这里插入图片描述

html代码

	<input type="text">

css代码

无

js代码

	<script>
    var input = document.querySelector('input')
    document.addEventListener('keyup', function (e) {
        if (e.keyCode===32){
            //当keyCode值为32（空格）时 触发input的focus方法（获得焦点）
            input.focus()
        }
    })
</script>