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對象

相關標籤/搜索

document.selection.createrange

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。