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 相关文章推荐
js 解决“options为空或不是对象”
Dec 22 Javascript
jQuery EasyUI Tab 选项卡问题小结
Aug 16 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
JavaScript实现一个带AI的井字棋游戏源码
May 21 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
阿望教你用vue写扫雷小游戏
Jan 20 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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
我的论坛源代码(九)
2006/10/09 PHP
php中使用parse_url()对网址进行解析的实现代码(parse_url详解)
2012/01/03 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python动态性强类型用法实例
2015/05/09 Python
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
python中的时区问题
2021/01/14 Python
Reformation官网:美国女装品牌
2018/09/14 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
海量信息软件测试笔试题
2015/08/08 面试题
委托证明的格式
2014/01/10 职场文书
继承公证书
2014/04/09 职场文书
小学班主任事迹材料
2014/12/17 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL