Auswahl aller Texte innerhalb eines divs mit einem einzigen Linksklick mit Javascript

8

Ich habe einen einfachen nicht klickbaren Link in einem div, der folgendermaßen aussieht:

Es soll eine sharable Verbindung sein, die der Benutzer Paste in andere Sachen kopieren kann.

Aus Gründen der Benutzerfreundlichkeit möchte ich mit einem einzigen Linksklick irgendwo innerhalb des Bereichs den gesamten Link auswählen:

Ich weiß nicht viel über JavaScript / Web-Programmierung, also habe ich folgendes versucht:

%Vor%

und dieses Javascript

%Vor%

Das funktioniert nicht. Ich würde gerne wissen, was ich am Einfachsten tun soll, um das zu erreichen, was ich will. Ich dachte darüber nach, das Div in eine Texteingabe zu ändern oder den darin enthaltenen Text als Link, aber im Idealfall sollte der Inhalt schreibgeschützt, nicht editierbar und nicht anklickbar sein

    
tstyle 02.01.2011, 12:40
quelle

2 Antworten

17

Dies wird im IE im Vergleich zu anderen Browsern völlig anders gemacht. Folgendes funktioniert in allen gängigen Browsern:

%Vor%     
Tim Down 03.01.2011 00:51
quelle
6

Sie können jQuery dafür mit einem Eingabefeld verwenden:

%Vor%

Sie können die Tatsache, dass es sich um ein Eingabefeld handelt, mit dem Attribut readonly in html maskieren:

%Vor%

Und benutze CSS, um den Cursor so zu ändern, dass er keine Texteingabe anzeigt, etwa wie folgt:

%Vor%     
CamelCamelCamel 02.01.2011 15:14
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Warum spuckt diese Schienenansicht ein rohe Array am Ende einer .each do-Schleife aus?