利用JS代碼自動插入文本

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

移動端

【實例名稱】

自動插入文本

【實例描述】

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

【實例代碼】

   <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</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>
這是一段測試文本
</body>
</html>

【運(yùn)行效果】

【難點(diǎn)剖析】

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

【源碼下載】

本實例JS代碼下載

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