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小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
YUI模块开发原理详解
Nov 18 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
vue教程之toast弹框全局调用示例详解
Aug 24 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
基于vue中的scoped坑点解说
Sep 04 Javascript
Antd的table组件表格的序号自增操作
Oct 27 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
ThinkPHP框架实现FTP图片上传功能示例
2019/04/08 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
深入分析python中整型不会溢出问题
2018/06/18 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
python每天定时运行某程序代码
2019/08/16 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
设计师个人求职信范文
2014/02/02 职场文书
知识竞赛主持词
2014/03/26 职场文书
岗位廉政承诺书
2014/03/27 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
年度考核表个人总结
2015/03/06 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
小学家长意见怎么写
2015/06/03 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python