javascript控制在光標(biāo)位置插入文字適合表情的插入
更新時(shí)間：2014年06月09日 10:06:22 作者：
使用javascript控制在光標(biāo)位置插入文字，在實(shí)現(xiàn)表情的插入時(shí)會(huì)用到的,需要的朋友可以參考下
直接上代碼吧，用js控制在光標(biāo)位置插入。
在實(shí)現(xiàn)表情的插入時(shí)用到了。
<span style="font-size:18px;"><html>
<head>
<script type='text/javascript'>
function test(str){
var tc = document.getElementById("mytextarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = str;
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
}
}
</script>
</head>
<body>
<textarea rows=5 name=s1 cols=27 id="mytextarea">目的通過點(diǎn)擊頁面上的按鈕button 在textarea中的光標(biāo)停留處插上文字 </textarea>
<input type=button onclick="test('這是需要加入的文字')" />
</body>
</html>
</span>
在實(shí)現(xiàn)表情的插入時(shí)用到了。
復(fù)制代碼 代碼如下:
<span style="font-size:18px;"><html>
<head>
<script type='text/javascript'>
function test(str){
var tc = document.getElementById("mytextarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = str;
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
}
}
</script>
</head>
<body>
<textarea rows=5 name=s1 cols=27 id="mytextarea">目的通過點(diǎn)擊頁面上的按鈕button 在textarea中的光標(biāo)停留處插上文字 </textarea>
<input type=button onclick="test('這是需要加入的文字')" />
</body>
</html>
</span>
相關(guān)文章
這篇文章主要為大家介紹了高性能JavaScript循環(huán)語句和條件語句，感興趣的小伙伴們可以參考一下2016-01-01
原生js三級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄鷍s三級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
Javascript BOM學(xué)習(xí)小結(jié)(六)
BOM：BrowserObjectModel,瀏覽器對(duì)象模型，提供JS中對(duì)瀏覽器的各種操作的對(duì)象，是JS應(yīng)用中唯一沒有相關(guān)標(biāo)準(zhǔn)的部分，這事BOM經(jīng)常出現(xiàn)問題的所在，主要用于處理瀏覽器窗口與框架，瀏覽器特有的JS擴(kuò)展也被默認(rèn)為BOM的一部分，而各瀏覽器之間的公有對(duì)象就成了默認(rèn)的標(biāo)準(zhǔn)2015-11-11
這篇文章給大家介紹了在echarts中如何在柱狀圖上方顯示文字,文中給出了完整的示例代碼,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-01-01
javascript+HTML5的canvas實(shí)現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼
這篇文章主要介紹了javascript+HTML5的canvas實(shí)現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼,使用了html5的canvas技術(shù),可呈現(xiàn)出帶有3D效果的玫瑰花漸顯效果,非常逼真自然,需要的朋友可以參考下2015-08-08
地圖在我們?nèi)粘５臄?shù)據(jù)可視化分析中是很常見的一種展示手段,不僅美觀而且很大氣,這篇文章主要給大家介紹了關(guān)于echarts地圖區(qū)域顯示不同顏色的相關(guān)資料,需要的朋友可以參考下2023-10-10
微信小程序修改swiper默認(rèn)指示器樣式的實(shí)例代碼
這篇文章主要介紹了微信小程序修改swiper默認(rèn)指示器樣式的實(shí)例代碼,代碼塊是從微信開發(fā)文檔中心復(fù)制的代碼塊，在此基礎(chǔ)上修改官方swiper樣式，需要的朋友可以參考下2018-07-07
TypeScript 是 JavaScript 的超集，TypeScript 經(jīng)過編譯之后都會(huì)生成 JavaScript 代碼。TypeScript 最大的特點(diǎn)就是類型化，因此才叫做 TypeScript。比起弱類型的 JavaScript，類型化的 TypeScript 顯得更加容易維護(hù)。2015-06-06
js 提交form表單和設(shè)置form表單請(qǐng)求路徑的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 提交form表單和設(shè)置form表單請(qǐng)求路徑的實(shí)現(xiàn)方法。2016-10-10
JavaScript開發(fā)的七個(gè)實(shí)用小技巧(很有用)
日常開發(fā)中,我們經(jīng)常需要編寫大量的js代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript開發(fā)的七個(gè)實(shí)用小技巧,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04