document.selection.createRange() 根據當前文字選擇返回 TextRange 對象，或根據控件選擇返回 ControlRange 對象。
配合 execCommand，在 HTML 編輯器中很有用，比如：文字加粗、斜體、復制、粘貼、創建超鏈接等。
實例一：
<textarea cols=50 rows=15>
哈哈。我們都是新生來得。大家都來相互幫助呀。這樣我們才能進步，我們才能賺大錢！</textarea>
<input type=button value=選擇字后點擊我看看 onclick=alert(document.selection.createRange().text)>
</form>
實例二：
<body>
<textarea name="textfield" cols="50" rows="6">就是現在文本域里有一段文字，當你選種其中幾個字后點擊一個按鈕或者鏈接會彈出一個對話框，對話框的信息就是你選中的文字
哪位老大能解決的呀?請多多幫忙!!!謝謝
</textarea>
<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)">
<textarea name="textfield" cols="50" rows="6" onselect="alert(document.selection.createRange().text)">就是現在文本域里有一段文字，當你選種其中幾個字后點擊一個按鈕或者鏈接會彈出一個對話框，對話框的信息就是你選中的文字
哪位老大能解決的呀?請多多幫忙!!!謝謝
</textarea>
</body>
實例三：選中Input中的文本
|
<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>
<input type='text' id='test' name='test'><input type=button onclick='test2()' value='test' name='test3'>
對textarea中的內容，進行選中后，加效果
<script language="JavaScript">
<!--
function bold(){
Qr=document.selection.createRange().text;
if(!Qr || document.selection.createRange().parentElement().name!='description')
{
txt=prompt('Text to be made BOLD.','');
if(txt!=null && txt!='') document.form1.description.value+=''+txt+'';
}
else{
document.selection.createRange().text=''+document.selection.createRange().text+'';
document.selection.empty();
}
}
//-->
</script>
<input type="button" value="加粗" onclick="bold();" />
<textarea name="description" style="width: 436px; height: 296px">選中我，點擊加粗</textarea>
實例四：javascript捕獲到選中的網頁中的純文本內容
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠標取詞</title>
<script>
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()">
<form>
<textarea name="selectedtext" rows="5" cols="50"></textarea>
</form>
以上的代碼可以捕獲到選中的網頁中的純文本內容(不含HTML標簽)
如果想獲得包含html的內容，將document.selection.createRange().text改成document.selection.createRange().htmlText
</body>
</html>
|
開心過好每一天。。。。。