将文本随意插入网页表单的 textarea
生活随笔
收集整理的這篇文章主要介紹了
将文本随意插入网页表单的 textarea
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
| 原作者:我佛山人 | 出處:5D多媒體 |
在網(wǎng)頁表單的<textarea>中,我們有時(shí)候需要將文本插入到光標(biāo)所在的地方,或是替換掉選區(qū)內(nèi)的文字。這時(shí)候,用普通的.value+="text"就無能為力了。下面這段測試代碼可以解決這個(gè)問題,供大家參考:
function getActiveText() {
obj.currPos = document.selection.createRange().duplicate()
//對象自定義屬性currPos為文檔中當(dāng)前激活選中區(qū)被建立的TextRange對象的副本
}
function AddText(str) {
if (obj.currPos)
//如果對象obj存在屬性currPos
obj.currPos.text=str
//設(shè)置對象obj當(dāng)前激活選中區(qū)被建立的TextRange對象的文本為參數(shù)str的值
//實(shí)現(xiàn)在光標(biāo)位置插入?yún)?shù)str的值或者用參數(shù)str的值來替換選中區(qū)文本
else obj.value+=str
//如果對象obj的自定義屬性currPos不存在
//直接把參數(shù)str的值添加到對象obj的值后面
}
</script>
<textarea id="obj" οnfοcus="getActiveText()" οnchange="getActiveText()"></textarea>
<button onClick="AddText('中文')">AddText</button>
<button onClick="AddText('English')">AddText</button>
總結(jié)
以上是生活随笔為你收集整理的将文本随意插入网页表单的 textarea的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 探索IE浏览器窗口
- 下一篇: 关于层的挡隔问题的探讨