时间:2021-05-18
前端开发过程中,经常需要这样的场景。用JS实现将光标定位于输入框最右侧。
场景一:编辑图片的描述文字
场景二:Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑,编辑后离开可自动更新该区域。
以上场景都需要JS实现将光标定位于输入框最右侧,却不是通过鼠标点入输入框内。
我们知道实现最基本的方法是HTMLElement的focus方法。如下
复制代码 代码如下:打开该页面会发现,光标位于输入框的最左侧。效果如下
而现在要实现的是将光标定位于输入框最右侧,需要三个步骤。
1,调用focus方法
2,value赋值为空
3,之前的input的值再赋给自己
复制代码 代码如下:声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了Vue.js数字输入框组件的具体实现代码,供大家参考,具体内容如下效果入口页index.html数字输入框组件数字输入框组件input-nu
AutoCompleteTextView是实现动态匹配输入内容的一种输入框(EditText),如输入“and”时,会提示“Android”效果图:实现代码:p
end键盘为光标定位按键,作用是:当输入一行文本且光标不再末尾时,按下“END”键会使光标定位到该行末尾,常用于文本输入时快速定位。 END键还可以和CTRL
end键盘为光标定位按键,作用是:当输入一行文本且光标不再末尾时,按下“END”键会使光标定位到该行末尾,常用于文本输入时快速定位。 END键还可以和CTRL
本文实例为大家分享了JS实现电脑虚拟键盘的具体代码,供大家参考,具体内容如下需求:1.当输入框光标聚焦时,电脑虚拟键盘弹出2.在输入框输入内容时,键盘跟着变化具