将光标聚焦到隐藏的字段

时间:2013-08-02 06:46:32

标签: javascript jquery html

我有这个脚本,我希望光标聚焦在隐藏的字段上,但它似乎没有工作。当我使该字段可见时,它似乎工作。

$(document).ready(function(){
    $("#card_number").focus();
    $("#card_number").keypress(function() {
       alert($("#card_number").val());
    });
});

8 个答案:

答案 0 :(得分:8)

您无法专注于隐藏的元素。

您可以使用opacity: 0代替display: none,您可以专注于该元素。

答案 1 :(得分:2)

据我所知,这对隐藏的领域是不可能的。您可能想要做的是通过CSS将输入字段的不透明度设置为0.

答案 2 :(得分:2)

我通过尝试你的评论找到了解决方案,你不能使用visibility:hidden; 。你必须使用不透明度零

#card_number{

    opacity: 0;
}

谢谢fellas你很棒这是一个自动登录功能

答案 3 :(得分:1)

原因是该字段被隐藏。

不要隐藏字段只是尝试使用CSS

将不透明度设为0%

答案 4 :(得分:1)

我想在扫描设备上使用同样的东西,而不会让用户看到数字飞来。

我尝试了Opcacity:0,但是当它有焦点时,你会看到文字光标闪烁,这不是最佳的。

我所做的,整洁有效的是:{position: fixed; left: 300em}

答案 5 :(得分:0)

您无法将焦点设置在隐藏字段上。我建议你用css隐藏它:

#card_number{
    visibility: hidden;
    opacity: 0;
}

答案 6 :(得分:0)

你无法专注于任何隐藏的领域。你想在这里实现什么?

答案 7 :(得分:0)

焦点功能不适用于隐藏字段。使不透明度为零