使用jquery焦点事件聚焦可见输入

Question

    $(document).ready(function () {
    $(document).on('body', function () {
        var visibleInput = $("input[type=text]").filter(':visible');
        visibleInput.focus();
    });
});

这不起作用，我想知道为什么。控制台没有错误。

Answer 1

试试这个

$(document).ready(function(){
        $("input[type=text]").filter(':visible').focus();
});

Answer 2

我认为JQuery或javascript中没有身体事件。通常你不能一次聚焦多个元素，所以使用第二个元素，它只关注最后一个textinput。

$(document).ready(function(){

        var visibleInput = $("input[type=text]").filter(':visible');
        visibleInput.focus();       //Focus last textinput with visible not first one. 

});

如果您希望焦点第一个textinput可见，请尝试使用

$("input[type=text]").filter(':visible').first().focus();

Answer 3

页面上有多少输入？

一次只有一个输入可以有焦点...我会假设变量声明会拾取每个输入。