【问题标题】:How to set cursor position in particular input text in html and javascript如何在 html 和 javascript 中的特定输入文本中设置光标位置
【发布时间】:2015-01-29 17:37:11
【问题描述】:

我正在尝试将光标设置为选定的输入框,如果用户在第二个输入文本框中被选中而没有在第一个输入框中输入值,那么光标应该转到第一个输入框。

<html>

<script>

$( "#cic_name" ).focus(function() {

                                    var luname=$("#site").val();


                                    if(luname.length>0){

                                }
                                    else{
                                            alert("please select TG value");
                                        }

                        });

</script>


<body>

ENTER TG: <input type="text" id="site" name="sitename"  placeholder="TG Name">

ENTER CIC: <input type="text" id="cic_name" name="cic"  placeholder="CiC Name">


</body>

</html>

如果用户在第一个输入框中没有输入任何内容,如何在选定的输入框中设置光标位置,即(id= site)。

我想知道是否有任何光标事件。我不明白。

谢谢

【问题讨论】:

    标签: javascript jquery html


    【解决方案1】:

    你可以这样做:

    $('[name=textbox2]').focus(function(){
        if($('[name=textbox1]').val() == ''){
            $('[name=textbox1]').focus();
        }
    });
    

    WORKING FIDDLE

    【讨论】:

    • 非常感谢您的回答,我需要一个帮助....我已经发布了一个问题,如果可以的话,没有人回答...请检查此链接......@987654322 @
    【解决方案2】:

    有更好的方法。试试这个

    $(function(){
     if($("#sitesite").val()=="")
       $("#sitesite").focus();
     else
       $("#cic_name").focus();       
    });
    

    【讨论】:

    • 这可能有效,但是,当用户在他们的网站上有一个文本区域时,比如说时事通讯或其他内容,用户无法填写他们的电子邮件进行订阅,因为您的函数将所有的焦点都集中在错误的元素上时间。
    • 同意。查看示例,我认为它是页面上的第一个元素。
    【解决方案3】:

    这在 1 个额外的行中完成:Fiddle

    $( "#cic_name" ).focus(function() {
          var luname=$("#site").val();
             if(luname.length>0){
                }
               else{
               alert("please select TG value");
                $("#site").focus();
                 }
                });
    

    【讨论】:

      猜你喜欢
      • 2015-04-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多