利用JS代碼自動(dòng)插入文本

2012/10/21 14:48:52作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

自動(dòng)插入文本

【實(shí)例描述】

用戶將光標(biāo)放到文本中時(shí)，會(huì)自動(dòng)將一段文本添加到光標(biāo)處，這就是本例要實(shí)現(xiàn)的功能。

【實(shí)例代碼】

   <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)</title>
<SCRIPT LANGUAGE="JavaScript">
document.onclick =function(){            //重寫onclick事件
    var sel = document.selection;        //判斷文本的選擇
    if (sel!=null) {
            var rng = sel.createRange(); // 獲取光標(biāo)位置（也可以是選擇的一段文本）
            if (rng!=null)
                 rng.pasteHTML("<font color=blue>插入的文字</font>");//插入HTML文本
    }
}
</SCRIPT>
</head>
<body>
這是一段測(cè)試文本
</body>
</html>

【運(yùn)行效果】

【難點(diǎn)剖析】

本例的重點(diǎn)是光標(biāo)位置的設(shè)置和文本的插入?！甦ocument selection”表示當(dāng)前網(wǎng)頁(yè)中的選中內(nèi)容，“createRange”會(huì)根據(jù)當(dāng)前文字選擇返回TextRange對(duì)象?！皃asteHTML”用來插入帶標(biāo)簽的文本。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：文本 JS代碼