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 ...
随机推荐
- jiffies溢出与时间先后比较-time_after,time_before
参考地址: http://blog.csdn.net/jk110333/article/details/8177285 http://blog.chinaunix.net/uid-23629988-i ...
- py2exe打包整个项目
这段时间做了用Python做了一个科学计算的项目,项目中用到了很多的第三方Python库,包括PyQt.traits.traitsui.matplotlib.pyface.table.numpy.tv ...
- consul UI用127可以访问,指定ip无法访问
./consul agent -dev 只能127.0.0.1可以访问 ./consul agent -dev -client 0.0.0.0 -ui 指定ip可以访问
- Java 添加播放MIDI音乐
Java 在多媒体处理方面的确优势不大,但是我们在程序中有些时候又需要一些音乐. 如果播放的音乐是wav等波形音频文件,又很大的话,所以背景音乐最好就是MIDI了. 网上很多播放MIDI的教程都是 ...
- SPOJ 7001 VLATTICE【莫比乌斯反演】
题目链接: http://www.spoj.com/problems/VLATTICE/ 题意: 1≤x,y,z≤n,问有多少对(x,y,z)使得gcd(x,y,z)=1 分析: 欧拉搞不了了,我们用 ...
- eclipse 添加 maven 小结
今天想创建了一个maven项目,由于之前重装系统,maven的一些配置要重新进行配置,y有时候一点小问题那真是一路曲折,为防止之后再遇到此问题,小结一下吧! 环境: eclipse apache- ...
- rocketMQ--搭建demo的坑
果然不出所料,搭建起来就有坑 ,客户端经典的connection 11911的错误 在我的环境上解决方法加一行配置 brokerClusterName = DefaultClusterbrokerNa ...
- hadoop之hdfs及其工作原理
hadoop之hdfs及其工作原理 (一)hdfs产生的背景 随着数据量的不断增大和增长速度的不断加快,一台机器上已经容纳不下,因此就需要放到更多的机器中,但这样做不方便维护和管理,因此需要一种文件系 ...
- 第四章——SQLServer2008-2012资源及性能监控(1)专家
http://blog.csdn.net/dba_huangzj/article/details/8614817
- 【转载】Java NIO学习
这篇文章介绍了NIO的基本概念: http://www.iteye.com/magazines/132-Java-NIO Java NIO提供了与标准IO不同的IO工作方式: Channels and ...