Question

我有一个按钮，点击后会显示一个表单。然后，用户必须单击表单才能开始输入。

我想这样做，以便当用户点击＆＃34;点击此处＆＃34;按钮表单出现并且文本输入已激活，因此用户无需实际单击表单即可键入表单。

是否可以在表单上激活文本输入按钮？

＆＃13;

$("#button1").click(function(){
	$(".form").show();
});

＆＃13;

.form {
display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="form">
  <input id="form1" type="text" placeholder="type here"/>
</div>
<button id="button1">click here</button>

＆＃13;

Answer 1

绝对有可能。您正在文本框中查找.focus()方法。我把它包含在下面的答案中：

＆＃13;

$("#button1").click(function(){
	$(".form").show();
        $("#form1").focus(); // IMPORTANT
});

＆＃13;

.form {
display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="form">
  <input id="form1" type="text" placeholder="type here"/>
</div>
<button id="button1">click here</button>

＆＃13;

Answer 2

使用焦点方法更改光标焦点，此解决方案将等待动画完成，然后更改焦点。

＆＃13;

$("#button1").click(function(){
    $(".form").show(function() {
        $("#form1").focus();
    });
});

＆＃13;

.form {
display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="form">
  <input id="form1" type="text" placeholder="type here"/>
</div>
<button id="button1">click here</button>

＆＃13;

单击按钮以表格形式书写

2 个答案: