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的函数
Jan 31 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
javascript中的3种继承实现方法
Jan 27 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
ES6知识点整理之函数对象参数默认值及其解构应用示例
Apr 17 Javascript
JavaScript中的类型检查
Feb 03 Javascript
在pycharm中开发vue的方法步骤
Mar 04 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/07/22 PHP
php下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
php加水印的代码(支持半透明透明打水印,支持png透明背景)
2013/01/17 PHP
php中的静态变量的基本用法
2014/03/20 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
php 自定义函数实现将数据 以excel 表格形式导出示例
2019/11/13 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
vue的路由映射问题及解决方案
2019/10/14 Javascript
Python实现字典的遍历与排序功能示例
2017/12/23 Python
用python实现的线程池实例代码
2018/01/06 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
Python socket实现简单聊天室
2018/04/01 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
C#和SQL Server的面试题
2016/08/12 面试题
中学生关于梦想的演讲稿
2014/08/22 职场文书
大学生十八大感想
2015/08/11 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP