Як встановити курсор на поле введення в Javascript?

document.getElementById(frmObj.id).value="";
document.getElementById(frmObj.id).autofocus;
document.getElementById("errorMsg").innerHTML = "Only numeric value is allowed";

У наведеному вище коді значення об’єкта форми ідеально налаштовано, ""але в текстовому полі немає курсору. Я хочу, щоб там був курсор. focus()лише фокусує це поле введення, але насправді не встановлює курсор.

У JavaScript спочатку зосередьтеся на елементі управління, а потім виберіть елемент керування для відображення курсору на текстовому полі ...

document.getElementById(frmObj.id).focus();
document.getElementById(frmObj.id).select();

або за допомогою jQuery

$("#textboxID").focus();

Я усвідомлюю, що це досить давнє запитання, але я маю „дурне” рішення подібної проблеми, яке, можливо, могло б комусь допомогти.

Я зіткнувся з тією ж проблемою з текстовим полем, яке відображалося як вибране (методом Focus у JQuery), але курсор не було введено.

Справа в тому, що у мене було відкрито вікно налагоджувача, щоб побачити, що відбувається, і ТЕ вікно крало фокус. Рішення банально просте: просто закрийте налагоджувач, і все гаразд ... 1 година, витрачена на тестування!

Іноді ви отримуєте фокус, але курсор у текстовому полі відсутній. У цьому випадку ви зробите це:

document.getElementById(frmObj.id).select();

Одна з речей, яка може вас вкусити - це якщо ви використовуєте .onmousedownяк взаємодію з користувачем; коли ви це зробите, а потім негайно зробите спробу вибрати поле, цього не станеться, тому що мишкою затримано щось інше . Тож перейдіть на .onmouseupі viola, тепер це focus()працює, тому що миша перебуває в стані натискання, коли робиться спроба змінити фокус.

Ви не надали достатньо коду, щоб допомогти Вам, швидше за все, надіслати форму та перезавантажити сторінку АБО у вас на сторінці є такий об’єкт, як вбудований PDF, який краде фокус.

Ось канонічний звичайний метод javascript для перевірки форми. Його можна вдосконалити за допомогою ненав’язливого JS, який видалить вбудований сценарій, але це початкова точка DEMO

function validate(formObj) {
  document.getElementById("errorMsg").innerHTML = "";    
  var quantity = formObj.quantity;
  if (isNaN(quantity)) {
    quantity.value="";
    quantity.focus();
    document.getElementById("errorMsg").innerHTML = "Only numeric value is allowed";
    return false;
  }
  return true; // allow submit
}   

Ось HTML

<form onsubmit="return validate(this)">
    <input type="text" name="quantity" value="" />
    <input type="submit" />
</form>    
<span id="errorMsg"></span>

Таким чином встановлюється фокус і курсор до кінця введення:

div.getElementsByTagName("input")[0].focus();
div.getElementsByTagName("input")[0].setSelectionRange(div.getElementsByTagName("input")[0].value.length,div.getElementsByTagName("input")[0].value.length,"forward");

З мого досвіду

document.getElementById (frmObj.id) .focus ();

добре підходить для браузера, що працює на ПК. Але на мобільному пристрої, якщо ви хочете, щоб клавіатура відображалася, щоб користувач міг вводити безпосередньо, вам також потрібно:

document.getElementById (frmObj.id) .select ();

Всередині вхідного тегу ви можете додати autoFocus = {true} для всіх, хто використовує jsx / response.

<input
 type="email"
 name="email"
 onChange={e => setEmail(e.target.value)}
 value={email}
 placeholder={"Email..."}
 autoFocus={true}
/>