Javascript 将光标聚焦到隐藏字段

Javascript 将光标聚焦到隐藏字段,javascript,jquery,html,Javascript,Jquery,Html,我有一个脚本,我希望光标集中在隐藏字段上,但它似乎不起作用。当我使字段可见时,它似乎起作用了 $(document).ready(function(){ $("#card_number").focus(); $("#card_number").keypress(function() { alert($("#card_number").val()); }); }); 据我所知,这对于隐藏字段是不可能的。您可能需要通过CSS将输入字段的不透明度设置为0。您无法

我有一个脚本,我希望光标集中在隐藏字段上,但它似乎不起作用。当我使字段可见时,它似乎起作用了

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

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

您无法聚焦任何隐藏字段。你想在这里实现什么。

你不能专注于隐藏的元素


您可以使用
opacity:0
而不是
display:none
,这样您就可以将焦点放在元素上。

原因是该字段被隐藏


不要隐藏字段,只是尝试使用CSS将不透明度设置为0%

聚焦功能不适用于隐藏字段。将不透明度设为零

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

#card_number{

    opacity: 0;
}

谢谢各位,你们做得很好,这是一个自动登录功能

我想做同样的事情,在扫描设备上使用,而不让用户看到飞来的数字

我尝试了
optacity:0
,但当它有焦点时,您会看到文本光标闪烁,这不是最佳选择


我所做的是:
{position:fixed;left:300em}

隐藏的输入不能有焦点,它们是隐藏的。如果您的意思是使用CSS设置可见性,请显示相应的CSS。您的意思是像
中那样“隐藏”吗?隐藏的输入无法获得焦点,甚至其他UI事件也无法获得焦点,因为它们保持隐藏或不占用视图中的任何空间。聚焦那些对用户隐藏的输入字段是没有任何意义的。我甚至试过使用CSS。答案是这样的吗?display:none表示元素被隐藏@Stevehorvaths使用此解决方案可以识别的内容
display:none
不会在DOM中为元素分配空间,而在简单地设置不透明度(如图所示)可能会使元素不可见的同时,它仍然会在DOM中分配空间。