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 相关文章推荐
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
通过JS判断联网类型和连接状态的实现代码
Apr 01 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
Sep 29 Javascript
一个小时快速搭建微信小程序的方法步骤
Apr 15 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
优化Vue中date format的性能详解
Jan 13 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 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
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
PHP培训要多少钱
2017/06/06 PHP
浅析PHP开发规范
2018/02/05 PHP
表单提交验证类
2006/07/14 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
2015/06/26 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
[01:44]《为梦想出发》—联想杯DOTA2完美世界全国高校联赛
2015/09/30 DOTA
详解Python中DOM方法的动态性
2015/04/11 Python
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
药学专业大学生个人的自我评价
2013/11/04 职场文书
工商管理系学生的自我评价分享
2013/11/29 职场文书
学生打架检讨书大全
2014/01/23 职场文书
三年级音乐教学反思
2014/01/28 职场文书
大学军训感言1000字
2014/02/25 职场文书
升旗仪式主持词
2014/03/19 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
春节晚会开场白
2015/05/29 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android