javascript控制在光標位置插入文字適合表情的插入

更新時間：2014年06月09日 10:06:22 作者：

使用javascript控制在光標位置插入文字，在實現(xiàn)表情的插入時會用到的,需要的朋友可以參考下

直接上代碼吧，用js控制在光標位置插入。

在實現(xiàn)表情的插入時用到了。

 
<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">目的通過點擊頁面上的按鈕button 在textarea中的光標停留處插上文字 </textarea> 
<input type=button onclick="test('這是需要加入的文字')" /> 
</body> 
</html> 
</span> 

您可能感興趣的文章:

微信小程序自定義toast組件的方法詳解【含動畫】
這篇文章主要介紹了微信小程序自定義toast組件的方法,結合實例形式詳細分析了微信小程序自定義toast組件的步驟、實現(xiàn)方法及相關操作技巧,需要的朋友可以參考下
2019-05-05
javascript跟隨滾動效果插件代碼（javascript Follow Plugin）
這篇文章介紹了javascript跟隨滾動效果插件代碼（javascript Follow Plugin），有需要的朋友可以參考一下
2013-08-08
解決echarts官網(wǎng)打不開訪問失敗的問題
這篇文章主要介紹了解決echarts官網(wǎng)打不開訪問失敗的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
最好用的Bootstrap fileinput.js文件上傳組件
這篇文章主要為大家詳細介紹了最好用的Bootstrap fileinput.js文件上傳組件的使用方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
心揚JS分頁函數(shù)代碼
通過js實現(xiàn)分頁的代碼，一般情況下需要指定頁數(shù)，腳本之家以前也發(fā)布過一些，大家結合下即可。
2010-09-09
關于JS中的作用域中的問題思考分享
這篇文章主要介紹了關于JS中的作用域中的問題思考分享，scope和?closure是?javascript中兩個非常關鍵的概念，前者JS用多了還比較好理解而且容易體會到，而?closure就不一樣了。這玩意是真的很容易迷糊,需要的朋友可以參考下
2022-04-04
微信小程序實現(xiàn)課程選擇器
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)課程選擇器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
js插件Jcrop自定義截取圖片功能
這篇文章主要為大家詳細介紹了js插件Jcrop自定義截取圖片功能 ,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
點擊頁面任何位置隱藏div的實現(xiàn)方法
下面小編就為大家?guī)硪黄c擊頁面任何位置隱藏div的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
JavaScript判斷兩個值相等的方法詳解
在?JavaScript?中如何判斷兩個值相等，這個問題看起來非常簡單，但并非如此，在?JavaScript?中存在?4?種不同的相等邏輯，如果你不知道他們的區(qū)別，或者認為判斷相等非常簡單，本文就來為大家詳細講講
2022-07-07