js实现文本框中焦点在最后位置_javascript技巧
程序员文章站
2022-05-01 22:17:31
...
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.
if(obj.value==""){
obj.focus();
return false;
}
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...
这个代码是在用户体验的细节性上会对设计师有很大的帮助...
如:
复制代码 代码如下:
if(obj.value==""){
obj.focus();
return false;
}
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...
那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点...
但是,如果文本框中已经有内容了..但是这个内容不合法.obj.focus()同样的将光标移动到了这个文本框的第一个字符的位置..这时就会让注意用户体验的设计师郁闷了...我们需要的是文本框得到焦点,然后文字光标移动到文本框的最后,让用户可以不用点击文本框直接输入内容..输入的内容会在原来的内容的后面追加起来..
下面的代码可以完成这个小细节:
复制代码 代码如下:
这个代码是在用户体验的细节性上会对设计师有很大的帮助...
上一篇: 怎样实现H5微信播放全屏
下一篇: PHP如何获取图片同时展现在页面上?
推荐阅读
-
javaScript让文本框内的最后一个文字的后面获得焦点实现代码_javascript技巧
-
js简单实现让文本框内容逐个字的显示出来_javascript技巧
-
javascript 设置文本框中焦点的位置_javascript技巧
-
js简单实现让文本框内容逐个字的显示出来_javascript技巧
-
使用js实现按钮控制文本框加1减1应用于小时+分钟_javascript技巧
-
javascript 设置文本框中焦点的位置_javascript技巧
-
js获取元素相对窗口位置的实现代码_javascript技巧
-
js实现文本框选中的方法_javascript技巧
-
JS 删除字符串最后一个字符的实现代码_javascript技巧
-
JS如何实现文本框随文本的长度而增长_javascript技巧