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代码
Mar 26 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
vue+Element-ui实现分页效果
Nov 15 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 透明水印生成代码
2012/08/27 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
Python实现控制台进度条功能
2016/01/04 Python
python 通过xml获取测试节点和属性的实例
2018/03/31 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
用python实现刷点击率的示例代码
2019/02/21 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
在python中求分布函数相关的包实例
2020/04/15 Python
Python中常见的数制转换有哪些
2020/05/27 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
过滤器的用法
2013/10/08 面试题
毕业生幼师求职自荐信
2013/10/01 职场文书
皮肤科医师岗位职责
2013/12/04 职场文书
写给女朋友的道歉信
2014/01/12 职场文书
考试作弊检讨
2015/01/27 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
在职证明书模板
2015/06/15 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android