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>
  • 相关阅读:
    QR code 乱谈(一)
    用JAVA实现数字水印(可见)
    ctf总结
    Unix/Linux常用命令
    C语言概述
    C语言发发展历史
    为什么要学习C语言
    计算机应用领域
    计算机发展趋势
    如何学习计算机
  • 原文地址:https://www.cnblogs.com/keta/p/9203517.html
Copyright © 2011-2022 走看看