jQuery: Gesamten Text per Klick markieren
jQuery-Logo (Quelle: brand.jquery.org)

jQuery: Gesamten Text per Klick markieren

Mit diesem jQuery-Skipt kann man den gesamten Text markieren, der sich in einem Element befindet.

In diesem Beispiel soll sich der Text von einem code-Element per Doppelkick markieren lassen. Dazu wird als erstes der Doppelklick-Eventhandler an das code-Element gebunden.

1
2
3
4
$('code').dblclick(function()
{
   selectText(this);
})
Mit einem Doppelklick kann der gesamte Code markiert werden.

Das angeklickte Element wird an die Funktion selectText() übergeben, wo die Markierung des Textes durchgeführt wird:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function selectText(e)
{
   var doc=document;
   var range;
   var selection;
   
   if(doc.body.createTextRange)
   {
      range=document.body.createTextRange();
      range.moveToElementText(e);
      range.select();
   }
   else if(window.getSelection)
   {
      selection=window.getSelection();
      range=document.createRange();
      range.selectNodeContents(e);
      selection.removeAllRanges();
      selection.addRange(range);
   }
};
Mit einem Doppelklick kann der gesamte Code markiert werden.

Geschrieben von: Jens Richter