Làm cách nào để đặt con trỏ vào hộp nhập liệu trong Javascript?

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

Trong đoạn mã trên, giá trị của đối tượng biểu mẫu được thiết lập hoàn hảo ""nhưng không có con trỏ trong hộp văn bản. Tôi muốn một con trỏ ở đó. focus()chỉ tập trung vào hộp nhập đó nhưng không thực sự đặt con trỏ.

Trong JavaScript, đầu tiên hãy tập trung vào điều khiển và sau đó chọn điều khiển để hiển thị con trỏ trên texbox ...

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

hoặc bằng cách sử dụng jQuery

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

Tôi nhận ra rằng đây là một câu hỏi khá và cũ, nhưng tôi có một giải pháp 'ngu ngốc' cho một vấn đề tương tự mà có thể có thể giúp ai đó.

Tôi đã gặp sự cố tương tự với hộp văn bản được hiển thị như đã chọn (theo phương pháp Focus trong JQuery), nhưng không đưa con trỏ vào.

Thực tế là tôi đã mở cửa sổ Trình gỡ lỗi để xem điều gì đang xảy ra và cửa sổ ĐÓ đang lấy cắp tiêu điểm. Giải pháp rất đơn giản: chỉ cần đóng Trình gỡ lỗi và mọi thứ đều ổn ... 1 giờ để thử nghiệm!

Đôi khi bạn nhận được tiêu điểm nhưng không có con trỏ trong trường văn bản. Trong trường hợp này, bạn sẽ làm điều này:

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

Một trong những điều có thể khiến bạn khó chịu là nếu bạn đang sử dụng .onmousedownlàm tương tác người dùng của mình; khi bạn làm điều đó, và sau đó nỗ lực ngay lập tức được thực hiện để chọn một trường, điều đó sẽ không xảy ra, vì con chuột đang bị giữ trên một thứ khác . Vì vậy, thay đổi thành .onmouseupvà viola, bây giờ focus()hoạt động, vì chuột ở trạng thái không được nhấp khi nỗ lực thay đổi tiêu điểm được thực hiện.

Bạn chưa cung cấp đủ mã để giúp Bạn có thể gửi biểu mẫu và tải lại trang HOẶC bạn có một đối tượng trên trang như một tệp PDF được nhúng đánh cắp tiêu điểm.

Đây là phương pháp javascript đơn giản chuẩn để xác thực biểu mẫu Nó có thể được cải thiện với JS không phô trương sẽ loại bỏ tập lệnh nội tuyến, nhưng đây là điểm khởi đầu 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
}   

Đây là HTML

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

Cách này đặt tiêu điểm và con trỏ ở cuối đầu vào của bạn:

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

Theo kinh nghiệm của tôi

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

tốt trên trình duyệt chạy trên PC. Nhưng trên thiết bị di động, nếu bạn muốn bàn phím hiển thị để người dùng có thể nhập liệu trực tiếp thì bạn cũng cần:

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

Bên trong thẻ đầu vào, bạn có thể thêm autoFocus = {true} cho bất kỳ ai sử dụng jsx / react.

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