js中回车键实现tab键的切换效果

最新推荐文章于 2021-10-10 10:09:09 发布

邹肖桥

最新推荐文章于 2021-10-10 10:09:09 发布

阅读量848

点赞数

本文链接：https://blog.csdn.net/weixin_44898099/article/details/107809792

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script type="text/javascript">`
        window.onload = function () {
            //获取所有的input元素
            var inputEles = document.getElementsByTagName('input');
           
            document.getElementById
            //为文本框注册keydown事件
            for (var i = 0; i < inputEles.length; i++) {
                if (inputEles[i].type == 'text') {
                    inputEles[i].onkeydown = function (evt) {
                        //获取用户按下的键
                        var e = window.event || evt;
                        if (e.keyCode == '13') {
                            var msg = this.id;
                            msg = msg.substring(3);
                            msg++;
                            if (msg > inputEles.length) {
                                msg = 1;
                            }
                            msg = 'txt' + msg;
                            document.getElementById(msg).focus();
                        }
                    }
                }
            }
        }
    </script>
</head>
<body>
    <input type="text" name="name" value="" id="txt1" />
    <input type="text" name="name" value=""  id="txt2"/>
    <input type="text" name="name" value="" id="txt3"/>
    <input type="text" name="name" value="" id="txt4" />

</body>
</html>

邹肖桥

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js中回车键实现tab键的切换效果

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript">` window.onload = function () {
复制链接

扫一扫