Verwenden von jQuery zum Markieren (Auswählen) aller Text in einem Textfeld

Question

Ich habe ein Eingabetextfeld mit etwas Text drin, onclick-Ereignis Ich möchte eine Javascript-Funktion ausführen, um markieren Sie alle Text, der in diesem Feld ist, wie Kann ich das mit jQuery machen?

Answer 1

Sie können einen Blick auf this article nehmen:

Nehmen wir an, dass wir die folgende Texteingabe haben:

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

In den meisten Fällen würden wir diese Funktion zur Verfügung zu allen Textboxen auf unserer Website haben wollen, so würden wir eine Funktion erstellen zu handhaben dies und nenne es bei Bedarf. Wenn Sie diese Funktion mit dem erwarteten Argument aufrufen, wird die Hervorhebung des Textes ausgeführt.

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

Sie Angenommen entwickeln gegen DotNetNuke 5, oder haben jQuery bereits auf Ihrer Webseite importiert, für jede Textbox die folgende jQuery auf Ihrer Website hinzuzufügen. (Wenn Sie eine Menge von Textbox haben, können wir dies anders machen, aber das ist für einen anderen Beitrag.)

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

Answer 2

Sie können dies tun:

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

Natürlich können Sie nicht auf das Element klicken Sie auf einen beliebigen Punkt im Eingang zu wählen, so könnte es besser sein, dieses Ereignis zu feuern auf focus statt click

Quick Demo w/ click oder w/ focus

Answer 3

Keine Notwendigkeit für jQuery, ist dies einfach mit dem DOM und funktioniert in allen gängigen Browsern:

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

Wenn Sie es mit jQuery tun müssen, gibt es kaum einen Unterschied:

$(input).focus(function() { this.select(); }); 

Answer 4

ich weiß, dass dies nicht jquery ist, aber für die Vollständigkeit der eine nswers auf diese Frage, können Sie dies auf der Texteingabe selbst verwenden:

onclick="this.select();" 

Zum Beispiel:

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

Answer 5

dies am besten funktioniert für mich.

$('myTextbox').select(); 

Answer 6

Wo ich in der Regel tun dies in

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

für das erste Textfeld, die ich ausgefüllt werden sollen diese Weise, wenn ich Zustand bin zu bewahren. und wenn der Benutzer auf die Seite zurückleitet, wird automatisch alles für typeover hervorgehoben.

nützliche Technik für Dinge wie Suchfelder ...