javascript - Imposta lo stato attivo e il cursore alla fine del campo di inserimento del testo/stringa w. Jquery



html css (1)

Puoi farlo utilizzando Input.setSelectionRange , parte dell'API Range per l'interazione con le selezioni di testo e il cursore di testo:

var searchInput = $('#Search');

// Multiply by 2 to ensure the cursor always ends up at the end;
// Opera sometimes sees a carriage return as 2 characters.
var strLength = searchInput.val().length * 2;

searchInput.focus();
searchInput[0].setSelectionRange(strLength, strLength);

Demo: Fiddle

https://ffff65535.com

Ho la seguente funzione che aggiunge un selettore a un input di ricerca come opzione avanzata, proprio come lo stack trabocca la ricerca avanzata.

Quando fai clic su ciò che stai cercando, aggiunge un prefisso. Vedi Jquery di seguito:

<script>
$(document).ready(function () {

        $("table#advanced_search_options tr").click(function () {
            var SearchSelection = $(this).children("td:last-of-type").html();
            var SearchInput = $('#Search');
            SearchInput.val(SearchInput.val() + SearchSelection);
            return false;
            alert(SearchSelection);
        });
});
</script>

Come posso manipolare quanto sopra per mettere anche a fuoco l'input #search, posizionando la carota (il cursore di inserimento testo lampeggiante) alla fine del testo / valore inserito? per esempio.

HC: <- Il valore aggiunto al mio input di ricerca, vorrei impostare il cursore qui, subito dopo:





css