html页面实现回车跳转下一文本框

window.onload = function () {
    //阻止按回车按钮后提交表单的问题
    document.getElementsByTagName("form")[0].onkeydown = function () {
        if (event.keyCode == 13) { return false; }
    };
    var inputs = document.getElementsByTagName("input");
    var index = 1;
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == "text" && inputs[i].style.display != "none" && inputs[i].getAttribute("disabled") != "disabled") {
            //给页面上的没有隐藏的文本框设置tabindex顺序值,下文按tabindex顺序跳转
            inputs[i].setAttribute("tabindex", index);
            //监听onkeydown事件,输入回车时实现跳至下一文本框
            inputs[i].onkeydown = goNextInput;
            index++;
        }
    }
};

function goNextInput() {
    if (window.event.keyCode == 13) { //录入回车时才往下一录入框跳
        //下一个录入框的tabindex值
        var nextIndex = parseInt(window.event.srcElement.getAttribute("tabindex")) + 1;
        var inputs = document.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == "text" && inputs[i].style.display != "none") {
                var tabIndex = inputs[i].getAttribute("tabindex");
                if (tabIndex != null) {
                    var index = parseInt(tabIndex);
                    if (typeof index == "number" && !isNaN(index) && index == nextIndex) {
                        inputs[i].focus();
                    }
                }
            }
        }
    }
}
时间: 2024-10-12 02:22:43

html页面实现回车跳转下一文本框的相关文章

微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住. 找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题. 1 if(/Android [4-6]/.test(navigator.appVersion)) { 2 window.addEventListener("resize", function() { 3 if(document.activ

在JSP页面中获取本页的文本框值(亲测可用)

对我很有用,就记在这了,方便再学习. 项目中用到一个查询条件,点击查询后,需要将结果显示在本页中.但是需要能在本页面中取值,如何不通过别的页面或action/servlet第三方来获得该文本框的值呢.百思不得其解...... 还是我们老大见多识广,在高人指点下不费吹灰之力就解决了(但是需要在JSP页面中写JAVA代码) 首先是一个form表单,里面有一个文本框或其它的表单项 <form name="thisform"method="post"><i

js设置文本框只读属性的小bug

在js中设置文本框为只读属性的时候 , document.getElementById('你文本框的id').readOnly=true; 如果页面刚开始加载, 该文本框就获得焦点了,只读属性就不成立,该文本框就可以被编辑. 所以需要加一行代码让页面加载时就失去该文本框的焦点, window.onload = function(){ document.getElementById('您文本框的id').blur(); document.getElementById('你文本框的id').read

cell中的文本框————bug

根据要求需要制作一个报表,我一UItableView为主体,自定义cell,在cell中添加文本框以便输入相应字段, 要求:1,当我们改变表格对应行的内容时会自动计算相应列的总和[相信大家用过Excel 原理差不多了] 我再文本框失去焦点时,调用代理方法通知UItableView的页面进行计算并刷新数据源和表格 bug:导致文本框不能正常的获取焦点,但我们页面上已经有获取焦点的文本框时,又去点击另外的文本框,此时新的文本框不能获取焦点,但会弹出键盘,且键盘无法收起,通过监听文本框的代理发项,文本

那些琐碎的知识-----搜索回车跳转页面

如图搜索框,想要实现文本输入内容后敲击回车(等同于点击后面的小放大镜图标)后跳转到搜索结果的页面 <div class="head-ss02"> <input name="ss" type="text" id="search" onkeypress="javascript:enterSubmitss(this,event);" size="2" /> <in

webform文本框 、显示文字、按钮、跳转页面、页面传值

1.TextBox:用户输入文本框 单行文本框 多行文本框 密码框2.显示文字:lable会生成Span标签 literall将文字原封不动的打到页面3.按钮:Button普通按钮 ImageButton图片按钮 LinkButton超链接按钮4.Image:图片工具 HyperLink:超链接工具 跳转页面:1.Response.Redirect("url"); //重定向页面,可以跳转任何页面2.Server.Transfer("url"); //重新请求页面,

如果文本框在一个页面的中间,我们输入的时候,虚

解决问题1: 如果文本框在一个页面的中间,我们输入的时候,虚拟键盘就把文本框给掩盖住了.我们可以 把界面集体上移, 前提:首先我们要遵守UITextFieldDelegate的协议,调用里面的成员方法: 代码实现: [objc] view plaincopyprint? - (void)textFieldDidBeginEditing:(UITextField *)textField{ //加一个动画的效果:隔一秒钟让view上移,因为键盘的出现是上移的,如果你的view之间蹦到 //指定的坐标

页面搜索回车事件导致页面刷新的问题

最近在做一个 Ajax 搜索的功能,代码如下: 1 <form class="form-horizontal"> 2 <input type="text" id="searchKeyWord" class="form-control" placeholder="请输入关键字"> 3 <button class="btn btn-block btn-danger&quo

利用fastjson解析json并通过js&amp;ajax实现页面的无跳转刷新

1.json是一种优秀的数据格式,在移动开发和web开发中经常用到,本例中通过一个小案例讲解如何通过alibaba的开源框架fastjson来解析jason数据格式并通过js实现无跳转刷新 2,新建一个web项目,这是我的项目:我这里直接用servlet写的 注意导包,我这里到了很多无用的包,其实主要的包是下面几个: 这个三个包是必须的,其他都是开发基本web的常用包 3.创建一个domain: package com.keson.domain; import com.thoughtworks.