专注于只读输入

Question

我有一个包含三个输入的表单，其中最后一个具有readonly 属性，因此缺少焦点，因为用户填写最后一个输入的方式是单击一些按钮，例如虚拟键盘。所以一切正常。但我试图按enter 并提交我的表单，但由于我在第二次输入后失去了焦点，我的提交不起作用。我该如何解决这个问题？

form.html

<form name="myForm"
          role="form" 
          ng-submit="signin()" 
          novalidate>

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

        <div ng-controller="mycontroller">
            <span ng-click="fillInput3()">A</span>
            <span ng-click="fillInput3()">B</span>
            <span ng-click="fillInput3()">C</span>
        </div>
        <input type="text" name="input3" readonly=""/>

        <button type="submit">Ok</button>
    </form>

Answer 1

试试这个，

给你的按钮一个 id，

<button type="submit" id="submitButton">Ok</button>

在您的控制器中，插入 $window 作为依赖项，

app.controller('yourController', function($scope, $window){

})

然后在fillInput3()函数中写这个，

    var element = $window.document.getElementById("submitButton");
    if(element)
    element.focus();

这将在您退出 fillInput3() 函数时聚焦“提交”按钮。