获取光标位置及动态设置光标到指定位置

问题场景：页面有一个字段框（可以理解为一个div中有很多label），一个input框，进入页面，input框自动获取焦点，点击每一个label会把label的内容进行处理，比如加个括号（）表示是个函数，自动添加到input框中光标所在位置，并设置光标位置在左括号和右括号之间。

获取input框当前光标所在位置

function getCursurPosition(element) {let cursurPosition = 0;if (document.selection) {//IEvar selectRange = document.selection.createRange();selectRange.moveStart('character', -element.value.length);cursurPosition = selectRange.text.length;} else if (element.selectionStart || element.selectionStart == '0') {cursurPosition = element.selectionStart;}return cursurPosition;
}

设置input框光标到指定位置

function setCursurPosition(element, position) {  if(element.setSelectionRange){element.focus();setTimeout(function(){element.setSelectionRange(position,position);},10);}else if (element.createTextRange) {var range = element.createTextRange();range.collapse(true);range.moveEnd('character', position);range.moveStart('character', position);range.select();}
}

获取光标位置及动态设置光标到指定位置相关推荐

div滚动到指定位置 vue_Vue列表实现滚动到指定位置样式改变
这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户.然后成选中状态. 这是目前状态,我搜索南宫仆射 ,想要下面的用户列表直接滚动到南宫仆射并改变CSS样式. 查 ...
EditText的换行输入、输入起始位置、调用指定格式的系统键盘（显示和隐藏），光标颜色,密码动态设置可见性
java代码中:EditText editText = new EditText(this); //设置EditText的显示方式为多行文本输入 editText.setInputType(Input ...
qt 控件设置相对位置_qt 手动设置控件的位置
QT中的Layout用着很不错,但有时候你想指定控件绝对位置.用以下红色代码就可以了. chanel1 = new QPushButton(tr("通道1:")); chanel1 ...
js 获取文本框的值并传输到指定位置
<body> <div id="app"> <input type="text" id="a&q ...
sql常用操作（含指定位置添加字段、修改到指定位置后等）
1) 创建用户表(user) 要求:字段类型长度uid intuname varchar 20password varchar 20birthday date create table user( ...
怎么控制latex插图的位置_如何让Latex在指定位置插图？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼但是图片自动分开了,并且分别排在了两页的顶部(Fig 1与Fig 2一页(A页),Fig 3与Fig 4一页(B页)),其实A页的下方完全可以再排下Fig ...
怎样隐藏光标—设置光标
一.隐藏光标 1.引入头文件window.h 2. 定义光标信息结构体变量 CONSOLE_CURSOR_INFO cursor info={1,0}; typedef struct _CONSO ...
获取滑动条位置，动态调整对话框显示位置；为动态添加的button添加click事件
1.获取滑动条位置,动态调整对话框显示位置应用场景:页面上有三个按钮,所处位置高度不同,有的按钮需要移动滑动条才能看到,各个按钮点击后要弹出同一个对话框,为了保证对话框始终显示在当前视野的中央位置, ...
C# 自定义并动态切换光标
本文经原作者授权以原创方式二次分享,欢迎转载.分享. 原文作者:唐宋元明清的博客原文地址:https://www.cnblogs.com/kybs0/p/14873136.html 系统有很多光标类 ...

获取光标位置及动态设置光标到指定位置

获取光标位置及动态设置光标到指定位置相关推荐

最新文章

热门文章