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中匿名函数,函数直接量和闭包
May 08 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 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 数据库树的遍历方法
2009/02/06 PHP
CentOS安装php v8js教程
2015/02/26 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
Jquery实现弹性滑块滑动选择数值插件
2015/08/08 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
深入理解node exports和module.exports区别
2016/06/01 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
2017/05/17 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
vue2过滤器模糊查询方法
2018/09/16 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
Vue源码探究之虚拟节点的实现
2019/04/17 Javascript
了解重排与重绘
2019/05/29 Javascript
微信公众号平台接口开发 获取微信服务器IP地址方法解析
2019/08/14 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
pycharm 使用心得(四)显示行号
2014/06/05 Python
使用pdb模块调试Python程序实例
2015/06/02 Python
python pygame实现五子棋小游戏
2020/10/26 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
python 如何引入协程和原理分析
2020/11/30 Python
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
资产经营总监岗位职责范文
2013/12/01 职场文书
求职自荐信怎么写
2014/03/06 职场文书
法制演讲稿
2014/09/10 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
担保书范文
2015/01/20 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android
在Oracle表中进行关键词搜索的过程
2022/06/10 Oracle