Question

所以我有一个输入文本和一个按钮。当我专注于输入并单击下一步时，我希望按钮执行一些操作（例如清除输入值），然后再将注意力集中在输入上。（而且我也有一个模糊事件在做一些事情）

我一直在$('input').focus();内尝试使用$('button').on("mousedown", function() {});，但是它不起作用

编辑：很抱歉，我一直在发布答案，我是StackOverflow上的新手！ 这是我一直在尝试使用您的代码和我的模糊事件的方法。但这不起作用！请问我该如何运作？

var button = $("button");
button.on("click", function(){
  var name = $("#name")
  name.val("");
  name.focus();
});

$("input").on("blur", function(e){
  button.hide();
  e.preventDefault();
  e.stopPropagation();
});

$("input").focus(function(){
  button.show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="name" placeholder="Name" autocomplete="off">
<button type="button">Submit</button>

Answer 1

这是您可以清除然后集中输入内容的简单示例。但是，我建议您如果打算以其他方式集中显示元素，则按id指定元素，这实际上是在尝试集中所有输入。

var button = $("button");
button.click(function(){
    var name = $("#name")
    name.val("");
    name.focus();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="name" placeholder="Name" autocomplete="off">
<button type="button">Submit</button>

Answer 2

您可以听点击事件，然后专注于输入标签。

$('button').on("click", function() {
    $('input').focus();
});

点击按钮后重新关注输入

2 个答案: