方法一keyCode = （IE11以后失效）

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>用回车来进行切换功能</title>

<script language="javascript">

    function check() {

        //keyCode是event事件的属性,对应键盘上的按键,回车键是13,tab键是9,其它的如果不知道 ,查keyCode大全

        if (event.keyCode == 13 && event.srcElement.type == "text") {

            //srcElement是触发事件的对象,type意思是什么类型

            window.event.keyCode = 9;

        }

    }

    document.onkeydown = check;

</script>

</head>

<body>

    <input name="" type="text" />

    <input name="" type="text" />

    <input name="" type="text" />

    <input name="" type="text" />

    <input name="" type="text" />

    <input name="" type="text" />

    <input type="button" />

    <input type="password" />

</body>

</html>

方法二 body onkeydown  （IE11以后失效）

<body onkeydown="if(window.event.keyCode==13){ window.event.keyCode=9}">

<input id="txtCode" type="text" />

<input id="txtCode2" type="text" />

</body>

方法三 name onKeyPress focus，有效果，繁琐不灵活

<script type="text/javascript">

    function Myenter(str) {

        if (event.keyCode == 13) {

            str.focus();

        }

    }

</script>

    <input name="id" type="text" onKeyPress="Myenter(aname)">

    <input name="aname" type="text" onKeyPress="Myenter(asex)" />

    <input name="asex" type="text" />

方法四 name onkeypress handleEnter有效果,必须在form 里

<script type="text/javascript">

    function handleEnter(field, event) {

        var keyCode = event.keyCode ? event.keyCode : event.which ? event.which

                : event.charCode;

        if (keyCode == 13) {

            var i;

            for (i = 0; i < field.form.elements.length; i++)

                if (field == field.form.elements[i])

                    break;

            i = (i + 1) % field.form.elements.length;

            field.form.elements[i].focus();

            return false;

        } else

            return true;

    }

</script>

<form action="">

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    <input name="" type="text" onkeypress="return handleEnter(this, event)"/>

    </form>

方法五 jquery 未测到效果

$(function() {

$("form[name='articleForm'] input:text").keypress(function(e) {

if (e.which == 13) // 判断所按是否回车键

{

var inputs = $("form[name='articleForm']").find(":text"); // 获取表单中的所有输入框

var idx = inputs.index(this); // 获取当前焦点输入框所处的位置

if (idx == inputs.length - 1) // 判断是否是最后一个输入框

{

if (confirm("最后一个输入框已经输入,是否提交?")) // 用户确认

$("form[name='articleForm']").submit(); // 提交表单

} else {

inputs[idx + 1].focus(); // 设置焦点

inputs[idx + 1].select(); // 选中文字

}

return false;// 取消默认的提交行为

}

});

});

方法六 jquery 未测到效果

  <script type="text/javascript">

        jQuery(function () {

            jQuery('input:text:first').focus();

            var $inp = jQuery('input:text');

            $inp.bind('keydown', function (e) {

                var key = e.which;

                if (key == 13) {

                    e.preventDefault();

                    var nxtIdx = $inp.index(this) + 1;

                    jQuery(":input:text:eq(" + nxtIdx + ")").focus();

                }

            });

        });

    </script>

jsp 回车代替tab 自动切换text焦点的更多相关文章

  1. html+css+jQuery+JavaScript实现tab自动切换功能

    tab1.html内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> & ...

  2. [C#]Winform下回车或Tab键自动切换下一个控件焦点

    满足用户体验,在数据录入时,能在输入完一个信息后通过回车或Tab键自动的切换到下一个控件(字段). 在界面控件设计时,默认可以通过设置控件的TabIndex来实现.但在布局调整时或者是对输入的内容有选 ...

  3. bootstrap tab切换如何让鼠标移动自动切换内容

    bootstrap集成了很多功能,比如nav-tabs组件,可以将相似的内容集中在一个区块中展示.bootstrap tab切换默认是要点击才会切换的,如何实现鼠标移动就自动切换呢?如下图所示,光标移 ...

  4. Enter回车切换输入焦点方法兼容各大浏览器

    做项目时,客户要求能够用enter回车直接切换输入(焦点),当最后一个时候,直接提交信息. 第一想法就是,网上去copy一段代码直接用.但了百度.谷歌找了个遍,找到的代码80%以上都是一样的.有的代码 ...

  5. jquery Tab默认情况下自动切换

    <!DOCTYPE html><html lang="zh-CN"><head><meta http-equiv="Conten ...

  6. javascript实现自动切换焦点功能学习

    当用户在表单中填写完当前字段后,能否自动将焦点跳转到下一个字段以方便用户输入? 为了增强易用性,加快数据输入的速度,可以在前一个文本框中的字符达到一定的设置的字符长度后(比如电话号码,身份证号等),用 ...

  7. tab切换效果 网站中的图片自动切换

    网站中的图片自动切换 今天上一套tab切换效果的代码 动图就自己实现吧! 下面贴HTML代码,大体分两部分,图片div和按钮div,代码很容易看懂~ <!DOCTYPE html> < ...

  8. Qt之Tab键切换焦点顺序

    简介 Qt的窗口部件按用户的习惯来处理键盘焦点.也就是说,其出发点是用户的焦点能定向到任何一个窗口,或者窗口中任何一个部件. 焦点获取方式比较多,例如:鼠标点击.Tab键切换.快捷键.鼠标滚轮等. 习 ...

  9. 【Qt】Qt之Tab键切换焦点顺序【转】

    简介 Qt的窗口部件按用户的习惯来处理键盘焦点.也就是说,其出发点是用户的焦点能定向到任何一个窗口,或者窗口中任何一个部件. 焦点获取方式比较多,例如:鼠标点击.Tab键切换.快捷键.鼠标滚轮等. 习 ...

随机推荐

  1. Struts2重新学习之自定义拦截器（判断用户是否是登录状态）

    拦截器 一:1:概念:Interceptor拦截器类似于我们学习过的过滤器,是可以再action执行前后执行的代码.是web开发时,常用的技术.比如,权限控制,日志记录. 2:多个拦截器Interce ...

  2. EXCEL函数LookUp, VLOOKUP,HLOOKUP应用详解（含中文参数解释）

    关于VLOOKUP函数的用法 “Lookup”的汉语意思是“查找”,在Excel中与“Lookup”相关的函数有三个:VLOOKUP.HLOOKUO和LOOKUP.下面介绍VLOOKUP函数的用法. ...

  3. ZStack深度试用：部署、架构与网络及其与OpenStack的对比

    摘要:本文是开源IaaS软件ZStack的深度试用报告,分别从部署.架构和网络三个层面分享作者的试用体验,并与OpenStack进行简单的对比,文章最后也对ZStack的改进方向提出了自己的思考.(转 ...

  4. spring答题

    ioc 依赖注入:通过注入的方式实例化对象,不再直接new对象了,交给spring容器进行管理和维护 控制反转:实例化对象的控制权交给了spring容器,而不再是某个单独的类,控制权发生了变更 作用: ...

  5. hdu 6305 RMQ Similar Sequence——概率方面的思路+笛卡尔树

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=6305 看题解,得知: 0~1内随机取实数,取到两个相同的数的概率是0,所以认为 b 序列是一个排列. 两个 ...

  6. Android getprop setprop watchprops用法

    转载请注明出处:https://www.cnblogs.com/lialong1st/p/10172973.html 在安卓系统中,当你写了一个脚本,已经添加到开机启动 init.rc 中,即使脚本中 ...

  7. 【python】正则表达式-group和group的区别

    __author__ = 'paul' import re a = "123abc456" print re.search("([0-9]*)([a-z]*)([0-9] ...

  8. centOS 6.5关闭防火墙步骤

    centOS 6.5关闭防火墙步骤 关闭命令:  service iptables stop         永久关闭防火墙:chkconfig iptables off 两个命令同时运行,运行完成后 ...

  9. C#操作VFP的dbf数据库文件实例

    C#操作VFP的dbf数据库文件实例 新一篇: js获取网站跟路径 实例中分别使用Oledb和Odbc操作vfp数据库dbf文件,操作包括:读取,增删改. 已测试可直接使用,使用方法:下面代码分两个部 ...

  10. War包反编译过程

    War包反编译过程 很多人可以将项目编译为war发布,可是有时候得到war确看不到源码.今天分享下war反编译的过程: 1.首先下载一个小工具,在http://jd.benow.ca/官网下载jd-g ...