document.selection.createRange方法

最新推荐文章于 2023-11-09 15:09:19 发布

weixin_34174132

最新推荐文章于 2023-11-09 15:09:19 发布

阅读量929

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2369810/blog/632756

版权

2019独角兽企业重金招聘Python工程师标准>>>

获取用户选择文本

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().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>