易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
document.selection.createRange方法与实例
配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。
<textarea cols=50 rows=15> 哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！</textarea> <input type=button value=选择字后点击我看看 onclick=alert（document.selection.createRange（）.text）> </form>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这个不错
<body> <br/><textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字 哪位老大能解决的呀？请多多帮忙！！！谢谢 </textarea> <br/><input type="button" value="showSelection" onclick="alert（document.selection.createRange（）.text）"> <input type="button" value="showclear" onclick="alert（document.selection.clear（）.text）"> <input type="button" value="showtype" onclick="alert（document.selection.type）"><br/><textarea name="textfield" cols="50" rows="6" onselect="alert（document.selection.createRange（）.text）">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字 哪位老大能解决的呀？请多多帮忙！！！谢谢 </textarea> <br/> </body>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
实例三：选中Input中的文本
<SCRIPT LANGUAGE="JavaScript"></SCRIPT> <input type="text" id="test" name="test"><input type=button onclick="test2（）" value="test" name="test3"> 对textarea中的内容，进行选中后，加效果 <script language="JavaScript"></script> <input type="button" value="加粗" onclick="bold（）;" /> <textarea name="description" style="width: 436px; height: 296px">选中我，点击加粗</textarea>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
实例四：javascript捕获到选中的网页中的纯文本内容
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标取词</title> <script> function getSel（） { var t=window.getSelection？window.getSelection（）:（document.getSelection？document.getSelection（）:（document.selection？document.selection.createRange（）.text:""）） document.forms[0].selectedtext.value = t; } </script></head> <body onmouseup="getSel（）"> <form> <textarea name="selectedtext" rows="5" cols="50"></textarea> </form> 以上的代码可以捕获到选中的网页中的纯文本内容（不含HTML标签） 如果想获得包含html的内容，将document.selection.createRange（）.text改成document.selection.createRange（）.htmlText </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站