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 ...
随机推荐
- Javascript的函数直接量定义
在Javascript中允许函数通过直接量来定义.一般情况下,我们定义函数时,最常见的方式是通过function语句进行定义,例如: function sum(a,b){ return a+b ...
- LeetCode OJ--ZigZag Conversion
https://oj.leetcode.com/problems/zigzag-conversion/ 将字符串Z形字排列后,再重新一行一行输出. 可以找到每一行字符位置的规律,然后填充进去. 敲代码 ...
- POJ - 2391 最大流
题目链接:http://poj.org/problem?id=2391 今天掉坑多次. 做了几道题,发现从源点出来的边和进入汇点的边都在题目中出来过. POJ真是坑,交G++一直wa,检查代码检查了好 ...
- Gym 101917 E 简单计算几何,I 最大流
题目链接 https://codeforces.com/gym/101917 E 题意:给定一个多边形(n个点),然后逆时针旋转A度,然后对多边形进行规约,每个点的x规约到[0,w]范围内,y规约到[ ...
- UVA - 10972 RevolC FaeLoN
一道特别好的题qwq. 题目大意就是给你一个无向图,让你把边定向之后再加一些边使得这个图强连通,求最少需要加多少边. 一开始毫无头绪23333,数据范围让人摸不着头脑..... 然后开始画图,,,发现 ...
- 某考试 T3 Try to find out the wrong in the test
Discription Hint: 对于 100% 的数据, n<=10^6.
- 转:PHP 生成复杂JSON格式 简单快速方法
PHP 生成JSON 格式主要使用json_encode()函数.这个函数的输入参数支持PHP数组和对象类型. 查阅网上的例子通常都是使用数组的,也有个别使用对象生成.但实际项目中,我们要生成的JSO ...
- jsp、freemarker、velocity 的区别
在java领域,表现层技术主要有三种:jsp.freemarker.velocity. 一.jsp是大家最熟悉的技术:优点:1.功能强大,可以写java代码2.支持jsp标签(jsp tag)3.支持 ...
- Android 获取设备唯一标识码
概述 有时需要对用户设备进行标识,所以希望能够得到一个稳定可靠并且唯一的识别码.虽然Android系统中提供了这样设备识别码,但是由于Android系统版本.厂商定制系统中的Bug等限制,稳定性和唯一 ...
- python为不同的对象如何分配内存的小知识
id方法的返回值就是对象的内存地址. python中会为每个出现的对象分配内存,哪怕他们的值完全相等(注意是相等不是相同).如执行a=2.0,b=2.0这两个语句时会先后为2.0这个Float类型对象 ...