document.selection.createRange方法

时间 2019-11-19

标签 document.selection.createrange document selection createrange 方法繁體版

原文原文链接

获取用户选择文本

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。配合 execCommand，在 HTML 编辑器中颇有用，好比：文字加粗、斜体、复制、粘贴、建立超连接等。html

实例一：java

<textarea cols=50 rows=15> 哈哈。咱们都是新生来得。你们都来相互帮助呀。这样咱们才能进步，咱们才能赚大钱！</textarea> <input type=button value="选择字后点击我看看" onclick=alert(document.selection.createRange().text)>

document.selection.createRange().text会获取界面上全部被选中的文字，不单单在textarea中div其余元素也能够编辑器

document.selection.clear().text会删除界面中选中的文字，并返回选中的文字。spa

document.selection.type 选中类别code

实例二；htm

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<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>
</head>
<body>
<input type='text' id='test' name='test'>
<input type=button onclick='test2();' value='test' name='test3'>

</body>
</html>

document.selection.createRange().text捕获到选中的网页中的纯文本内容(不含HTML标签) 若是想得到包含html的内容，改为document.selection.createRange().htmlText对象