document.selection.createRange method and examples_javascript skills

Together with execCommand, it is very useful in HTML editors, such as bolding text, italics, copying, pasting, creating hyperlinks, etc.

<textarea cols="50" rows="15"> Ha ha. We are all freshmen. Everyone comes to help each other. Only in this way can we make progress and make a lot of money! <input type="button" value="选择字后点击我看看" onclick="alert(document.selection.createRange().text)">
[Ctrl A to select all Note: If you need to introduce external Js, you need to refresh to execute ]

This is good

<p> </p> <p> <textarea name="textfield" cols="50" rows="6">There is a piece of text in the text field. When you select a few words and click a button or link, a dialog box will pop up. The information in the dialog box is the text you selected. Which boss can solve it? Please help me!!! Thank you

There is a piece of text in the text field. When you select a few words and click a button or link, a dialog box will pop up. The information in the dialog box is the text you selected. Which boss can solve it? Please help me!!! Thank you

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

Example 3: Select the text in Input

<input type="text" id="test" name="test"> <input type="button" onclick="test2()" value="test" name="test3"><input type="button" value="加粗" onclick="bold();"> After selecting the content in the textarea, add effects <textarea name="description" style="width: 436px; height: 296px"> Select me and click bold
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]

Example 4: javascript capture Plain text content in the selected web page<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> Mouse to pick words <form><textarea name="selectedtext" rows="5" cols="50"> The above code can capture the plain text content (without HTML tags) in the selected web page If you want to get content containing html, change document.selection.createRange().text to document.selection.createRange().htmlText