document.getSelection()

<FORM NAME="myForm">
<TEXTAREA NAME="myArea" COLS="40" ROWS="4"></TEXTAREA>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--

function display() {
  if (!document.getSelection)
    return;
  var str = document.getSelection();
  document.myForm.myArea.value = str;
}

if (window.Event)
  document.captureEvents(Event.MOUSEUP);
document.onmouseup = display;

// -->
</SCRIPT>

The event processing function first assigns the selection's text to a variable named str. It then assigns that variable to the value property of the form element, so the selection is displayed in the box. Now go ahead and drag the mouse over some text. If you're using Netscape 6 , the selection will immediately display in the box.

if (!document.getSelection)
  return;

People who read this tip also read these tips:

• Document Object Modeling
• Checking if Active Along the Timeline
• Updating Existing Text
• The onclick Event Handler
• Deploying ASP.NET Pages