document.selection.createRange方法

获取用户选择文本

document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。

实例一:

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

document.selection.createRange方法_第1张图片

        document.selection.createRange().text会获取界面上所有被选中的文字,不仅仅在textarea中div其他元素也可以

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

        document.selection.type 选中类别

实例二;

<!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方法_第2张图片document.selection.createRange方法_第3张图片document.selection.createRange方法_第4张图片


document.selection.createRange().text捕获到选中的网页中的纯文本内容(不含HTML标签) 如果想获得包含html的内容,改成document.selection.createRange().htmlText

你可能感兴趣的:(document.selection.createRange方法)