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 相关文章推荐
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
javascript学习网址备忘
May 29 Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 Javascript
JavaScript实现twitter puddles算法实例
Dec 06 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
详解Vue源码中一些util函数
Apr 24 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
vue实现分页的三种效果
Jun 23 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设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
PHP配置文件php.ini中打开错误报告的设置方法
2015/01/09 PHP
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Dower & Hall官网:英国小众轻奢珠宝品牌
2019/01/31 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
兴趣小组活动总结
2014/05/05 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
美术社团活动总结
2014/06/27 职场文书
村安全生产责任书
2014/08/25 职场文书
就业协议书
2014/09/12 职场文书
个人租房协议书样本
2014/10/01 职场文书
欢迎新生标语
2014/10/06 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers