编程 Javascript

javascript控制在光标位置插入文字适合表情的插入

Posted in Javascript onJune 09, 2014

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

在实现表情的插入时用到了。

<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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 对象的解释

Nov 24 Javascript

JavaScript 检测浏览器和操作系统的脚本

Dec 26 Javascript

原生js实现shift/ctrl/alt按键的获取

Apr 08 Javascript

jQuery中after()方法用法实例

Dec 25 Javascript

分享一个自己写的简单的javascript分页组件

Feb 15 Javascript

javascript基础知识分享之类与函数化

Feb 13 Javascript

使用React实现轮播效果组件示例代码

Sep 05 Javascript

Bootstrap字体图标无法正常显示的解决方法

Oct 08 Javascript

微信小程序地图map详解及简单实例

Jan 10 Javascript

详解React+Koa实现服务端渲染(SSR)

May 23 Javascript

js中innerText/textContent和innerHTML与target和currentTarget的区别

Jan 21 Javascript

js+canvas实现画板功能

Sep 13 Javascript

js判断元素是否隐藏的方法

Jun 09 #Javascript

jQery使网页在显示器上居中显示适用于任何分辨率

Jun 09 #Javascript

javascript的动态加载、缓存、更新以及复用（一）

Jun 09 #Javascript

JavaScript利用正则表达式去除日期中的-

Jun 09 #Javascript

使用Node.js实现一个简单的FastCGI服务器实例

Jun 09 #Javascript

初识SmartJS - AOP三剑客

Jun 08 #Javascript

javascript实例分享---具有立体效果的图片特效

Jun 08 #Javascript