JS动态改变文本中光标位置
<!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"> </head> <body> <input type="button" onclick="moveEnd(document.getElementById('text'))" value="移到倒数第二位"> <textarea id="text"></textarea> <script type="text/javascript">/*function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') { var startPos = obj.selectionStart, endPos = obj.selectionEnd, cursorPos = startPos, tmpStr = obj.value; obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length); cursorPos += str.length; obj.selectionStart = obj.selectionEnd = cursorPos; } else { obj.value += str; } } */function moveEnd(obj){ obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character',len-1); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectionStart = obj.selectionEnd = len-1; } } </script> </body> </html>
转载于:https://www.cnblogs.com/lr-blog/p/5681171.html
JS动态改变文本中光标位置相关推荐
- vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
随机变速的动态打字特效–最终效果 随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...
- vue中设置html的fontsize,vue中rem布局使用js动态改变fontsize
rem布局原理:使用js动态改变html的字体大小+rem的特性,来保证最初的设计图中每个元素的尺寸比例不变,以适用于不同尺寸的设备能够正常显示. (function (doc, win) { var ...
- html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...
HTML 如何设置文本框中光标位置和光标居中 我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...
- 获取html中光标位置
本篇整理在项目中遇到的一个小问题,在js中监听了"parse"粘贴事件,导致粘贴文字到输入框出现问题. 通过获取输入框光标位置,然后拼接字符串解决. 第一种方法 获取textare ...
- html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题,今天实现一个进度条加载过程 - phpStudy...
快速解决js动态改变dom元素属性后页面及时渲染的问题 今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...
- js动态改变css样式
动态改变页面元素样式: 使用getElement系列方法访问元素. 改变样式属性:style属性:className属性. <!DOCTYPE html> <html>< ...
- 【jQuery插件】insertContent-在文本框光标位置插入内容并选中
在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题. IE下可以通过document.selection.create ...
- 使用js动态改变input的只读属性
使用js动态改变input的只读属性 写一个网页需要动态改变input的只读属性,看了很多博客改了很多次代码但没报错也没实现功能.写个博客记录一下. 在input标签里设置只读属性, <inpu ...
- WEUI picker组件无法js动态改变选项
功能需求 设备号和摄像头都可以下拉选择,但是具体的摄像头下拉选项是根据设备号而定的.如下图,尾号为352的设备号只有前置摄像头,尾号为657的设备号前置和后置摄像头都有. 问题说明 一般情况下,这个需 ...
最新文章
- 用 Flask 来写个轻博客 (20) — 实现注册表单与应用 reCAPTCHA 来实现验证码
- hdu2158 最短区间版大家来找碴
- oracle存储日志
- mysql数据备份mysqldump
- Python中包(package)的调用方式
- 5233杨光--Linux第一次实验
- 享受梦幻技术盛宴,相约 Unite 2020
- Java 去除重复数据的五种方式
- R-CNN学习笔记4:Fast R-CNN
- POJ 3415 Common Substrings (后缀数组,长度不小于k的公共子串的个数)
- 2019中国五大新兴制造业迁徙路径及产业发展趋势全景
- Kafka其实就是个“篮子”
- POJ 1088滑雪(3种解法)
- 挑战程序设计竞赛——详解DFS及BFS
- OSPF基本配置及手动修改路由器优先级
- MT管理器解锁某APP部分功能
- LOL召唤师信息查询工具(可查服务器、段位、胜点,隐藏分、战斗力)
- NetSuite Decode函数
- mysql中创建视图、索引
- 【Linux】linux[root@localhost XXX]最右侧的是什么