document.selection.createRange方法与实例_javascript技巧

配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

<textarea cols="50" rows="15"> 哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！ <input type="button" value="选择字后点击我看看" onclick="alert(document.selection.createRange().text)">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

这个不错

<p> </p> <p> <textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字 哪位老大能解决的呀?请多多帮忙!!!谢谢

就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字 哪位老大能解决的呀?请多多帮忙!!!谢谢

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

 


实例三：选中Input中的文本

<script language="JavaScript"> <!-- function test2() { var t=document.getElementById("test") var o=t.createTextRange() alert(o.text) o.moveStart("character",2) alert(o.text) o.select() } //--> </script> <input type="text" id="test" name="test"><input type="button" onclick="test2()" value="test" name="test3"> 对textarea中的内容，进行选中后，加效果 <script language="JavaScript"> <!-- function bold(){ Qr=document.selection.createRange().text; if(!Qr || document.selection.createRange().parentElement().name!='description') { txt=prompt('Text to be made BOLD.',''); if(txt!=null && txt!='') document.form1.description.value+=''+txt+''; } else{ document.selection.createRange().text=''+document.selection.createRange().text+''; document.selection.empty(); } } //--> </script> <input type="button" value="加粗" onclick="bold();"> <textarea name="description" style="width: 436px; height: 296px">选中我，点击加粗
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

实例四：javascript捕获到选中的网页中的纯文本内容

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>榧</title>