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代码
Oct 11 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
javascript用函数实现对象的方法
May 14 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
自己动手封装一个React Native多级联动
Sep 19 Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 Javascript
使用JS来动态操作css的几种方法
Dec 18 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 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
for循环连续求和、九九乘法表代码
2012/02/20 PHP
php中取得文件的后缀名?
2012/02/20 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
设定php简写功能的方法
2019/11/28 PHP
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
2014/01/26 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
python+mysql实现简单的web程序
2014/09/11 Python
Python计算程序运行时间的方法
2014/12/13 Python
python八大排序算法速度实例对比
2017/12/06 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python global关键字的用法详解
2019/09/05 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
python 字符串格式化的示例
2020/09/21 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
小班重阳节活动方案
2014/02/08 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书