input光标位置
兼容谷歌火狐-input光标位置
input框在没有添加任何效果的情况下,输入文字后光标始终在最后的位置,谷歌||火狐效果一样
但是在给input加入点击事件后 谷歌:input框插入文字后,光标会自动到最后位置
火狐:input框插入文字后,光标在插入文字的后面
兼容:光标在文字的最后面
function moveEnd(obj){
obj.focus();
var len = obj.value.length;
if (document.selection) {
var sel = obj.createTextRange();
sel.moveStart('character',len);
sel.collapse();
sel.select();
} else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
obj.selectionStart = obj.selectionEnd = len;
}
}
aaarticlea/png;base64,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" alt="" />
兼容:光标在中间插入文字的后面
function moveEnd(obj){
obj.focus();
var len = obj.value.length;
if (document.selection) {
var sel = obj.createTextRange();
sel.moveStart('character',len);
sel.collapse();
sel.select();
} else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
setCursorPosition(obj,obj.selectionStart)
}
}aaarticlea/png;base64,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" alt="" />
设置光标位置:
setSelectionRange(obj.selectionStart,obj.selectionStart);
输入性元素selection起点的位置,可读写。
selectionEnd
输入性元素selection结束点的位置,可读写。
setSelectionRange(start, end)
设置输入性元素selectionStart和selectionEnd值
input光标位置的更多相关文章
- Recoil Input 光标位置被重置到末尾的问题
考察如下代码,页面中有个输入框,通过 Recoil Atom 来存储输入的值. App.tsx function NameInput() { const [name, setName] = useRe ...
- ie 下input光标位置垂直不居中问题
input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高 ...
- input光标位置不居中问题
文本输入框默认在谷歌,火狐浏览器中,光标是居中显示的.但在IE7中一开始会在顶部闪烁(输入文字后光标居中),加上行高就可以,值为文本框的高度. 注意要加*号,否则在谷歌浏览其中光标会在顶部闪烁. *l ...
- input输入时光标位置靠上问题解决
在css中如果我们定义了input高度在输入时会发现光标位置靠上了不在居中了,在Chrome浏览器中,当设置了line-height时,input无文字,光标高度与line-height一致:inpu ...
- Demo 示例控制输入光标位置
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="aut ...
- TextArea中定位光标位置
原文:TextArea中定位光标位置 在项目中,遇到一个场景:希望能在TextArea中输入某条记录中的明细(明细较简单,没有附属信息,只用记录顺序和值即可,譬如用"+"号来作为明 ...
- 微信6.7.4 ios12 软键盘收回时页面不回弹,导致光标位置错乱,再次点击输入框区域时无法focus
https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800 https://blog.c ...
- js 在光标位置插入内容
原文:https://blog.csdn.net/smartsmile2012/article/details/53642082 createDocumentFragment()用法: https:/ ...
- js 光标位置处理
/** * 获取选中文字 * 返回selection,toString可拿到结果,selection含有起始光标位置信息等 **/ function getSelectText() { var tex ...
随机推荐
- 【NOIP2015】子串(字符串DP)
题意:有AB两个字符串,用A中连续的K串匹配B全串,问不同的方案总数 n<=1000,m<=200,k<=m 思路:设dp[k,i,j]为用k串 A中前i个字符匹配B中前j个字符的方 ...
- FootAwesome字体图标
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 【MFC】 点击不同的按钮后在界面同一位置显示不同的对话框内容(转)
原文转自 http://bbs.csdn.net/topics/391039432 如图类似Tab控件的功能 但Tab控件按钮是固定的上下左右 不方便 所以想自己重新做个这种 我M ...
- Yii使用find findAll查找出指定字段的实现方法
Yii使用find findAll查找出指定字段的实现方法,非常实用的技巧,需要的朋友可以参考下. 用过Yii的朋友都知道,采用如下方法: 查看代码 打印 1 modelName::model() ...
- k8s-pod的生命周期
1.pod资源-spec.containers - name:镜像运行起来之后叫容器,该字段为容器名 image:镜像名字 imagePullPolicy:表示从哪拉取镜像, Always:不管本地有 ...
- git移除上一次的commit中误添加的文件
在使用git进行版本管理时,往往会出现一些误操作,比如将一些不加上传的文件放到了暂存区,即上传到了上一次commit中 比如: commit c134ab90ca7c4daf8bfa22e3ad706 ...
- spring计时工具类stopwatch用法
public class Test { public static void main(String[] args) { StopWatch stopWatch = new StopWatch(); ...
- ruby简单的基础 4
后缀标点符号 =结尾假设方法名字以=结尾的,那么在调用此方法时能够省略这个=. ?结尾作为一个实用惯例,那些返回布尔值的方法通常都有一个以问号结尾的名字. .结尾这个命名惯例通常时对两种方法区分:以感 ...
- eclipse中文凝视字体太小解决方法
新安装的eclipse中文凝视字体太小.解决方法例如以下: 打开Elcipse-->点击菜单条上的"Windows"-->点击"Preferences&quo ...
- hibernater-validator jar包冲突的问题
在引用hibernater-validator jar包时一直抛出异常,在引用带有该包的项目,或者同时在一个项目中使用该包和validator包都会抛出以下异常 最后发现是在Eclipse环境下,不能 ...