zoukankan      html  css  js  c++  java
  • JavaScript实现回车键切换输入框焦点

    用JavaScript实现回车键切换输入框焦点的功能,不是回车换行哦,在Textarea中,回车换行是默认功能,不过若要在textarea中使用 回车切换输入框焦点功能的话,回车换行就要失效了,不过input对象可以用,一般在表单中,input元素是比较多的,下面来个例子:

    <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>

    这样来使用上面的Js代码:

    <form>
    <input type="text" onkeypress="return handleEnter(this, event)"><br>
    <input type="text" onkeypress="return handleEnter(this, event)"><br>
    <textarea onkeypress="return handleEnter(this, event)">回车切换焦点</textarea>
    </form>
  • 相关阅读:
    HTCVive摄像头的一些好玩的现象
    AI之A*算法
    C#预处理器指令之#define/#undefine/#if/#elif/#else/#endif
    AI之有限状态机
    Unity之动态加载场景资源
    Canvas
    DFGUI之界面文字显示异常
    Unity Application
    AI:确定性AI
    php正则表达式
  • 原文地址:https://www.cnblogs.com/phpfensi/p/4333838.html
Copyright © 2011-2022 走看看