时间:2021-05-26
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.
如:
复制代码 代码如下:
if(obj.value==""){
obj.focus();
return false;
}
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...
那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点...
但是,如果文本框中已经有内容了..但是这个内容不合法.obj.focus()同样的将光标移动到了这个文本框的第一个字符的位置..这时就会让注意用户体验的设计师郁闷了...我们需要的是文本框得到焦点,然后文字光标移动到文本框的最后,让用户可以不用点击文本框直接输入内容..输入的内容会在原来的内容的后面追加起来..
下面的代码可以完成这个小细节:
复制代码 代码如下:
<script language="javascript">
function getSelectPos(obj){
var esrc = document.getElementById(obj);
if(esrc==null){
esrc=event.srcElement;
}
var rtextRange =esrc.createTextRange();
rtextRange.moveStart('character',esrc.value.length);
rtextRange.collapse(true);
rtextRange.select();
}
</script>
这个代码是在用户体验的细节性上会对设计师有很大的帮助...
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
搜索文本框焦点离开时设置文本,位置跳动问题复制代码代码如下://搜索文本框$("#txtSearch").focus(function(){if($(this)
在火狐浏览器中直接使用this.focus();即可实现。在IE中,在this.focus();之后再把文本框的值赋给文本框,焦点即在最后了。很简单哟!!如:复
JS控制文本框只能输入数字JS控制文本框只能输入数字、小数点JS控制文本框只能输入英文JS控制文本框只能输入英文、数字JS控制文本框只能输入中文JS控制文本框只
JS控制文本框只能输入数字JS控制文本框只能输入数字、小数点JS控制文本框只能输入英文JS控制文本框只能输入英文、数字JS控制文本框只能输入中文JS控制文本框只
有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace),会退回到前一个页面,这个问题就有点烦