Wie gebe ich einen JS-Befehl, um einen Cursor in ein Eingabefeld zu setzen?

Question

Ich habe ein einfaches Texteingabefeld:

<input value="Hello"> 

Ich mag einen JS-Code schreiben, der den Fokus auf dem Eingabefeld platzieren und einen Cursor nach innen setzen.

Ich versuchte focus() in JQuery zu verwenden:

$('document').ready(function(){ 
    $($('input')[0]).click(function() { 
     this.focus(); 
    }) 
}) 

und es hat nicht funktioniert.

Answer 1

Sie müssen Zugriff auf input Element mit einem einfachen selector: $('input'). Dann müssen Sie einen Ereignishandler an das JavaScript-Ereignis focus binden.

$('document').ready(function(){ 
    $('input').focus(); 
}); 

Answer 2

JQuery wird für solch ein einfaches Problem nicht benötigt. Greifen Sie einfach über einen gültigen Selektor auf das Element zu und rufen Sie die Methode .focus() auf.

window.addEventListener("DOMContentLoaded", function(){ 
 
    document.querySelector("input[value='Hello']").focus(); 
 
});

<input value="Hello">

Answer 3

Sie CSS anstelle

input:focus { 
    background-color: #hex_code; 
}