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

来源：动视网责编：小采时间：2020-11-27 20:33:34

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

document.selection.createRange方法与实例_javascript技巧:配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！ [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]这个不错就是

推荐度：

点击下载本文 文档为doc格式

导读document.selection.createRange方法与实例_javascript技巧:配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！ [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]这个不错就是

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

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

这个不错
<body> <p> <textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字哪位老大能解决的呀?请多多帮忙!!!谢谢 </textarea> </p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script> <p> <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)"> </p> <p> <textarea name="textfield" cols="50" rows="6" onselect="alert(document.selection.createRange().text)">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字哪位老大能解决的呀?请多多帮忙!!!谢谢 </textarea> </p> </body>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

实例三：选中Input中的文本
<input type='text' id='test' name='test'><input type=button onclick='test2()' value='test' name='test3'> 对textarea中的内容，进行选中后，加效果 </ 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> 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()"> 以上的代码可以捕获到选中的网页中的纯文本内容(不含HTML标签) 如果想获得包含html的内容，将document.selection.createRange().text改成document.selection.createRange().htmlText </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

推荐度：

点击下载本文 文档为doc格式

标签：技巧 js document.selection.createrange

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐