zoukankan      html  css  js  c++  java
  • jQuery回车键快速切换下一个input文本框解决方案

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>enter</title>
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
    </head>
    <body>
        <div onkeyup="onEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" onclick="clickEnter()">
            <input type="text" name="input" >
        </div>
        <script>
            var index = 0
    
         <!-- function clickEnter() {
                $('input[name=input]').each(function (i) {
                    if ($(this).is(':focus')) {
                        index = i
                    }
                })
            }
      -->
            function onEnter() {
                if (event.keyCode == 13){
                    index++
                    if (index >= $('input[name=input]').length) {
                        index = 0
                    }
                    $('input[name=input]').each(function (i) {
                        if (i == index) {
                            $(this).focus()
                        }
                    })
                }
            }
        </script>
    </body>
    </html>
  • 相关阅读:
    DockerFile构建步骤及命令
    linux安装nginx及常用命令
    docker常用命令
    Docker安装
    获取TrustedInstaller权限
    获取本机公网ip的url地址
    centOS7配置ip
    VS Code配置c语言环境
    Linux l 2.4.20-8 # 溢出
    VMware Destination Host Unreachable
  • 原文地址:https://www.cnblogs.com/keta/p/9203517.html
Copyright © 2011-2022 走看看