textarea光标处插入文字
(function($) {
$.fn.extend({
//myField 对象元素 myValue 插入值
insertAtCursor: function(myField,myValue) {
//IE下
if (document.selection) {
myField.focus();//输入元素textara获取焦点
var fus = document.selection.createRange(); //获取光标位置
fus.text = myValue;//在光标位置插入值
myField.focus();//输入元素textara获取焦点
}
//火狐下标准
else if (myField.selectionStart || myField.selectionStart == '0') {
var start = myField.selectionStart;//获取焦点前坐标
var end = myField.selectionEnd;//获取焦点后坐标
//在焦点之前,和焦点之后的位置,中间插入我们传入的值 .然后把这个得到的新值,赋给文本框
myField.value = myField.value.substring(0, start) + myValue + myField.value.substring(end, myField.value.length);
}
//在输入元素textara没有定位光标的情况
else {
myField.value += myValue;
myField.focus();
};
}
});
})(jQuery);
转载于:https://www.cnblogs.com/duoer/p/5939757.html
textarea光标处插入文字相关推荐
- react/antd实现textarea获取光标位置在光标处插入文字
react/antd实现textarea获取光标位置在光标处插入文字 1.首先将textarea对象通过refs存起来 <TextArearef={(input) => this.cont ...
- html自定义实现文本编辑器,自定义开发富文本编辑器(Javascript实现点击插入内容到textarea光标处)...
富文本编辑器相信很多程序员都用过,但是如何自己制作一个仿富文本的编辑器来解决一些简单的或自定义的需求呢?下面给大家共享一个使用JavaScript实现在textarea光标处插入指定文本内容以及字符串 ...
- QAxObject在Word 光标 或 标签 处插入文字、图片、表格、标题1等
QAxObject操作word #插入word标题1级 2级 链接: [link](https://docs.microsoft.com/en-us/office/vba/api/word.wdbui ...
- 使用JS在textarea在光标处插入内容
为什么80%的码农都做不了架构师?>>> // 在光标处插入字符串// myField 文本框对象// myValue 要插入的值function insertAtCursor ...
- contentEditable,window.getSelection详解---可编辑div,容器,设置/获取光标位置,光标处插入内容及光标的操作
这周碰到一个东西,contentEditable ,它是用来指定一个元素是否是可编辑的,这也是富文本编辑器实现的底层支持,网上关于这部分东西的资料比较少或者不全,所以我来整理下关于这个属性,和可编辑区 ...
- java文本框光标后添加图片_由编辑器从光标处插入图片(失去焦点后仍然可以在原位置插入)实现的富文本编辑器...
大家都知道,如果只是大概的实现一个简单的富文本编辑器,直接用execCommand就可以了,虽然不同浏览器对execCommand命令的反应不一样,最后效果是差不多的.当然,如果要严谨的,用像uedi ...
- 点击按钮,在input框在光标位置插入文字,系列问题待解决
想制作一个公式设计器,需要在文字的对应位置插入按钮对应的文字,效果如下: 遇到的问题: 1. 如何获取光标位置,并在对应位置插入内容 两种情况: (1)用户点击位置后,在光标位置插入内容 (2)用户选 ...
- js在PageOffice打开的Word文档光标处插入书签
在使用Word时,如果内容过多有时为了快速定位到内容的某一处或某一部分怎会在该处添加书签.Word中的书签可以通过工具栏手动添加或删除,也可以通过后台程序结合JS函数在当前光标处插入书签,或根据书签名 ...
- html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...
HTML 如何设置文本框中光标位置和光标居中 我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...
- 解决从光标处插入图片光标消失的问题
最近在做一个富文本编辑器,当鼠标单击事件发生在编辑区域外以后,光标就会消失,那么execCommand()方法就不能在编辑器处执行. 此时需要记录下光标消失的位置,一下几篇博文帮助非常大,记录下,以便 ...
最新文章
- Python操作mysql数据库查询操作时提示“unread-result-found”
- VMTK学习——02.基本的PYPES教程
- 手把手教你搭建微信点餐系统环境(springmvc+ibatis+maven+git)
- MybatisPlus实现逻辑删除
- java大组件_Java的三大组件
- nodejs mac java home_Mac上搭建nodejs开发环境
- sevlet中web.xml 文件
- android不同机型编译不同so,如何使用adb命令查看android中的数据库
- SQL中 ROW_NUMBER 函数的用法
- java定时器 多线程_Java多线程 定时器
- Qt学习之路_008-最全的Qt学习总结(前期)
- 车联网网络安全技术研究
- 让remix使用本地文件系统
- php怎么把报错打开_php服务器报错怎么开启?
- 阿里云物联网平台测评:以温度报警器开发为例
- 跳楼程序员让我们思考:程序员中年危机都有哪些?
- AD,Altium designer
- (01)ORB-SLAM2源码无死角解析-(58) 闭环线程→计算Sim3: 源码Sim3Solver::iterate()讲解
- AWS KVS(Kinesis Video Streams)之WebRTC移植编译(三)
- 如果别人不相信你的CAE分析结果怎么办?