JS在textarea光標(biāo)處插入文本的小例子
更新時(shí)間:2013年03月22日 09:30:55 作者:
本實(shí)例使用Javascript實(shí)現(xiàn)在textarea光標(biāo)處插入文本,支持多種瀏覽器
下面是代碼:
復(fù)制代碼 代碼如下:
--------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS在文本域鼠標(biāo)指定位置插入文本-柯樂(lè)義</title>
<script type="text/javascript">
function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
sel.select();
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
// save scrollTop before insert www.keleyi.com
var restoreTop = myField.scrollTop;
myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
if (restoreTop > 0) {
myField.scrollTop = restoreTop;
}
myField.focus();
myField.selectionStart = startPos + myValue.length;
myField.selectionEnd = startPos + myValue.length;
} else {
myField.value += myValue;
myField.focus();
}
}
</script>
</head>
<body>
<div style="width:500px;margin-left:auto;margin-right:auto;margin-top:100px;">
<textarea id="keleyi_com" style="width:340px; height:180px">
柯樂(lè)義 Javascript 在textarea光標(biāo)處插入文本
</textarea>
<input type="button" onclick="insertAtCursor(document.getElementById('keleyi_com'),'www.keleyi.com')" value="插入文本" />
</div></body>
</html>
您可能感興趣的文章:
- JS簡(jiǎn)單限制textarea內(nèi)輸入字符數(shù)量的方法
- JS給Textarea文本框添加行號(hào)的方法
- JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
- js監(jiān)聽(tīng)鼠標(biāo)事件控制textarea輸入字符串的個(gè)數(shù)
- JavaScript判斷textarea值是否為空并給出相應(yīng)提示
- JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
- JS限制Textarea文本域字符個(gè)數(shù)的具體實(shí)現(xiàn)
- JS在TextArea光標(biāo)位置插入文字并實(shí)現(xiàn)移動(dòng)光標(biāo)到文字末尾
- JS驗(yàn)證控制輸入中英文字節(jié)長(zhǎng)度(input、textarea等)具體實(shí)例
- JavaScript中Textarea滾動(dòng)條不能拖動(dòng)的解決方法
相關(guān)文章
JavaScript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)跳轉(zhuǎn)(推薦)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)跳轉(zhuǎn)(推薦)的相關(guān)資料,涉及到settimeout和setinterval方法的介紹,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作,結(jié)合實(shí)例形式總結(jié)分析了JavaScript針對(duì)數(shù)組元素刪除操作的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08JS使用setInterval實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器功能示例
這篇文章主要介紹了JS使用setInterval實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器功能,涉及javascript基于setInterval的定時(shí)觸發(fā)與數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-04-04基于JS實(shí)現(xiàn)十種酷炫的網(wǎng)頁(yè)特效
之前喜歡收集能美化網(wǎng)頁(yè)的代碼,比如給網(wǎng)頁(yè)加個(gè)背景啦,給鼠標(biāo)加個(gè)特效啦,來(lái)來(lái)回回也收集到了一些“使用簡(jiǎn)單”,“效果爆炸”的頁(yè)面,快來(lái)學(xué)習(xí)一下吧2022-04-04JavaScript添加隨滾動(dòng)條滾動(dòng)窗體的方法
這篇文章主要介紹了JavaScript添加隨滾動(dòng)條滾動(dòng)窗體的方法,涉及JavaScript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-02-02JavaScript函數(shù)的4種調(diào)用方法詳解
了解函數(shù)的調(diào)用過(guò)程有助于深入學(xué)習(xí)與分析JavaScript代碼。本文是JavaScript高級(jí)這個(gè)系列中的第三篇文章,主要介紹JavaScript中函數(shù)的四種使用形式2014-04-04手機(jī)端實(shí)現(xiàn)Bootstrap簡(jiǎn)單圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap的簡(jiǎn)單輪播圖的手機(jī)實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10