Question

我知道它已被多次询问并且知道如何获得焦点，但怀疑文本字段是否在div内部我们如何才能使焦点

这里是代码请看看

＆＃13;

$(".inputs").keyup(function() {
  if (this.value.length == this.maxLength) {
    $(this).next('.inputs').focus();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group multiple">
  <label class="col-sm-3 control-label">Number From:</label>
  <div class="col-sm-3 in">
    <input type="text" class="form-control inputs" autocomplete="off" maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" name="number_from" id="number_from" Placeholder="Enter Number...">
  </div>
  <label class="col-sm-1 control-label">Number To:</label>
  <div class="col-sm-3 in">
    <input type="text" class="form-control inputs" autocomplete="off" maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" name="number_to" id="number_to" Placeholder="Enter Number...">

  </div>
</div>
<!-- end -->

<div class="form-group qu">
  <label class="col-sm-3 control-label">Quantity :</label>
  <div class="col-sm-7 in">
    <input type="text" class="form-control inputs" autocomplete="off" required onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" name="quantity" id="quantity" Placeholder="Enter Quantity...">
  </div>
</div>

＆＃13;

这里最大长度是3，如果达到限制，它应该转到下一个文本字段，以便我给出我的代码

$(".inputs").keyup(function () {
if (this.value.length == this.maxLength) {
  $(this).next('.inputs').focus();
}
});

但它不会进入下一个领域请帮我解决

Answer 1

Hello @ user_777我认为你在这里推断的是你想在第一个输入字段上进行自动对焦，并且当它超过它的maxlength时它应该将自动对焦移动到下一个输入字段。

我能够帮助您解决以下代码段：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <title>A test site</title>
</head>

<body>
    <script>
        $(".inputs").keyup(function() {
            if (this.value.length == this.maxLength) {
                $(this).next('.inputs').focus();
            }
        });

        //Tab autofocus script
        function autotab(current, to) {
            if (current.getAttribute && current.value.length == current.getAttribute("maxlength")) {
                to.focus()
            }
        }
    </script>
    <div class="form-group multiple">
        <form name="formName">
            <label class="col-sm-3 control-label">Number From:</label>
            <div class="col-sm-3 in">
                <input type="text" class="form-control inputs" autocomplete="off" maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" oninput="autotab(this, document.formName.number_to)" autofocus name="number_from" id="number_from" Placeholder="Enter Number...">
            </div>
            <label class="col-sm-1 control-label">Number To:</label>
            <div class="col-sm-3 in">
                <input type="text" class="form-control inputs" autocomplete="off" maxlength="3" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" oninput="autotab(this, document.formName.quantity)" name="number_to" id="number_to" Placeholder="Enter Number...">

            </div>

            <div class="form-group qu">
                <label class="col-sm-3 control-label">Quantity :</label>
                <div class="col-sm-7 in">
                    <input type="text" class="form-control inputs" autocomplete="off" required onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" name="quantity" id="quantity" Placeholder="Enter Quantity...">
                </div>
            </div>
        </form>
    </div>
    <!-- end -->


</body>

</html>

我希望能够提供帮助。

将光标从一个div文本字段移动到codeigniter中的另一个div文本字段

1 个答案: