如何在 Javascript 中聚焦不可见的输入文本框?我应该使用什么样式

How to focus an invisible input text box in Javascript? Should I use what style?

本文关键字:我应该 文本 样式 什么样 什么 输入 Javascript 聚焦      更新时间:2023-09-26

我需要聚焦一个不可见的输入文本框,但似乎"显示:无"不起作用。

我应该使用:

width: 0; height: 0;

visibility: hidden;

opacity: 0;

还是其他什么?

是否可以聚焦不可见的输入文本?

我不明白你的问题。这就是我试图解释的。

我在div 中有一个文本框,该文本框在加载页面时被隐藏(style="display:none"),并且根据复选框(旁边)选择,此输入将对用户可见。

 jQuery(document).ready(function ($) {
        $('#chkBox').click(function(){
            if($('#chkBox').prop('checked')){
                $('#div_input_value').css({'display':'block'});
            }else{
                $('#div_input_value').css({'display':'none'});
            }
        })});

希望这有帮助

你试过吗:

jQuery(document).ready(function ($) {
        $('#chkBox').click(function(){
            if($('#chkBox').prop('checked')){
                $('#div_input_value').show();
            }else{
                $('#div_input_value').hide();
            }
        })});

这使用 jQuery 和 .show() 方法使元素可见,并且是 JavaScript 中 .hide() 的计数器。 这应该有效。