js案例01-设置光标到指定input

代码如下

<body>
<input type="text" name="username" value="litong" />
<input type="text" name="password" value="00000000" />
<input type="button" onclick="change('username')">
<input type="button" onclick="change('password')">
</body>
<script>
function change(name) {var input = document.getElementsByName(name)[0];if(input.setSelectionRange) {input.focus();input.setSelectionRange(0, input.value.length);} else if(ctrl.createTextRange) { //兼容IE 浏览器var range = ctrl.createTextRange();range.collapse(true);range.moveStart('character', 0);range.moveEnd('character', input.value.length);range.select();}
}
</script>

input.focus();
文本域获取焦点
input.valute.length
获取input=text中value值得长度,如果有七个英文字母则返回7
input.setSelectionRange(0, input.value.length);
设置框内光标选择区域,这里是从一个位置到最后一个位置,就是全选,全选如下图

兼容IE 浏览器的代码大致也是这个意思

js案例01-设置光标到指定input相关推荐

获取光标位置及动态设置光标到指定位置
问题场景:页面有一个字段框(可以理解为一个div中有很多label),一个input框,进入页面,input框自动获取焦点,点击每一个label会把label的内容进行处理,比如加个括号()表示是个函 ...
android input鼠标坐标,android - 如何在EditText中设置光标位置？
android - 如何在EditText中设置光标位置? 有两个EditText,在加载页面时,第一个EditText中设置了一个文本,所以现在光标将在EditText的起始位置,我想在第二个Edi ...
通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里
本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...
定位input的光标，设置光标的位置
最近遇到一个需求,用户在输入框里输入文本的时候,每输入一个字符都要转换成大写, 看起来比较简单,但是输入完后在中间插入删除的时候, 每添加或者删除一个字符的时候input框的光标自动跑到字符最后面,操 ...
js获取光标，设置光标位置
直接贴代码,作为日常开发笔记 /* 设置光标位置* @params {Object} ele 输入框元素* @params {Number} pos 需要将光标设置的位置* @author *** 2 ...
HTML+CSS---定位（相对定位--绝对定位--固定定位--设置元素的层叠顺序)---表单---设置光标样式---透明度（opacity属性定义元素的不透明度--IE的半透明滤镜）---外边线
文章目录定位静态定位(static) 相对定位(relative) 绝对定位(absolute) 固定定位(fixed) 设置元素的层叠顺序表单设置光标样式透明度 opacity属性定义元素 ...
js案例（身份证算法的实现）
js案例之身份证算法 <!DOCTYPE html> <html><head><meta charset="utf-8"><t ...
js打印html页面中的指定内容？
js打印html页面中的指定内容? 文章发布日期: 2017-12-20 文章更新日期:2018-01-08 添加demo下载下载地址传送门->点击去下载声明,所有的打印页面都叫,inde ...
OpenCV-PyQT项目实战（5）项目案例01：图像模糊
欢迎关注『OpenCV-PyQT项目实战 @ Youcans』系列,持续更新中 OpenCV-PyQT项目实战(1)安装与环境配置 OpenCV-PyQT项目实战(2)QtDesigner 和 PyU ...
[图解]在输入框和文本框中获取和设置光标位置，以及选中文本和获取选中文本值的方法 --- 详解，兼容所有浏览器。...
为什么80%的码农都做不了架构师?>>> 写在前面最近在segmentfault上看到它的日期输入控件,感觉挺有意思.好吧,动手写一个,加到自己的代码库里吧. 然后问题来了, ...

js案例01-设置光标到指定input

js案例01-设置光标到指定input

js案例01-设置光标到指定input相关推荐

最新文章

热门文章