Utilizzo di jQuery per Evidenziare (Selezionare) Tutto il Testo in una casella di testo

Ho una casella di immissione testo con il testo , evento onclick voglio eseguire una funzione javascript per selezionare tutto il testo in questa casella , come posso farlo con jquery?

InformationsquelleAutor Spyros | 2010-06-09



6 Replies
  1. 14

    Si può dare un’occhiata a questo articolo:

    Supponiamo di avere il seguente testo di input:

    <input type="text" id="txtInput" />

    Nella maggior parte dei casi, si desidera avere questa funzionalità è disponibile per tutti
    caselle di testo attraverso il nostro sito web, in modo che siamo in grado di creare una funzione per gestire
    questo, e chiamare in caso di bisogno. Se questa funzione viene chiamata con il previsto
    argomento farà eseguire l’evidenziazione del testo.

    function selectAllText(textbox) {
    textbox.focus();
    textbox.select(); }

    Supponendo che si sta sviluppando contro DotNetNuke 5, o jQuery già importati nel tuo sito web, aggiungere il seguente jQuery per il vostro sito per ogni casella di testo. (Se si dispone di un sacco di caselle di testo, è possibile farlo in modo diverso, ma per un altro post.)

    jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) });
  2. 15

    Alcun bisogno di jQuery, questo è semplice, con il duomo e funziona in tutti i principali browser:

    input.onfocus = function() { this.select(); };

    Se si deve farlo con jQuery, c’è poca differenza:

    $(input).focus(function() { this.select(); });
    • Non sono sicuro se questo funziona in IE 6… ma chi se ne frega!! Hehehehe
    • Sarà. Sono abbastanza sicuro che il non-jQuery versione funzionerà in IE 3. Certamente IE 4.
  3. 5

    Si può fare questo:

    $('input').click(function() {
     //the select() function on the DOM element will do what you want
     this.select();
    });

    Di corso, quindi non è possibile fare clic sull’elemento per selezionare un punto arbitrario in ingresso, quindi potrebbe essere meglio a fuoco l’evento su focus invece di click

    Demo veloce w/fare clic su o w/focus

    • È che gnarf come Pinky diceva sul mignolo e il cervello?
    • No, che sarebbe narf — anche se pronunciato, gnarf è semplicemente il mio cognome all’indietro.
  4. 1

    So che questo non è jquery, ma per la completezza delle risposte a questa domanda, è possibile utilizzare questo su input del testo stesso:

     onclick="this.select();"

    Per esempio:

    <input type="text" value="abc" onclick="this.select();"/>
  5. 1

    Dove io di solito fare questo è in

    $(document).ready(function () {
        $('#myTextBox').focus();
        $('#myTextBox').select();
    }

    per la prima casella di testo che voglio riempire.
    In questo modo se sto conservazione stato; e se l’utente ritorna alla pagina allora automaticamente mette in evidenza tutto per typeover.

    Tecnica utile per cose come caselle di ricerca…

Lascia un commento