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的public、private和privileged模式
Dec 28 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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
You might like
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
(function(){})()的用法与优点
2007/03/11 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
Python性能提升之延迟初始化
2016/12/04 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python版飞机大战代码分享
2018/11/20 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
python画蝴蝶曲线图的实例
2019/11/21 Python
Django多进程滚动日志问题解决方案
2019/12/17 Python
python IP地址转整数
2020/11/20 Python
大码女装:Ulla Popken
2019/08/06 全球购物
工厂仓管员岗位职责范本
2014/07/17 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
各国货币符号大全
2022/02/17 杂记
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript