Сосредоточиться на вводе после нажатия кнопки - PullRequest
Новая
       130

Сосредоточиться на вводе после нажатия кнопки

0 голосов
/ 10 июля 2019

Итак, у меня есть ввод текста и кнопка.Когда я сосредотачиваюсь на вводе и нажимаю кнопку «Далее», я хочу, чтобы кнопка выполняла некоторые действия (например, очистка значения ввода), а затем снова фокусировалась на вводе.(И у меня есть событие размытия, делающее кое-что тоже)

Я пробовал $('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>

Ответы [ 2 ]

1 голос
/ 10 июля 2019

Это простой пример того, что вы можете сделать, чтобы очистить и затем сфокусировать свой ввод. Однако я бы посоветовал вам указать элемент по идентификатору, если вы планируете сфокусировать его, иначе вы по сути пытаетесь сфокусировать все входные данные. 

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>
0 голосов
/ 10 июля 2019

вы можете прослушать событие клика, а затем сфокусироваться на теге ввода. 

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