javaScript让文本框内的最后一个文字的后面获得焦点实现代码
JavaScript代码 实现 一个 获得 文字 最后 文本框
2023-06-13 09:14:43 时间
<script>
//当失去交点以后让文本框内的文字获得焦点并且光标移到最后一个字后面
functionmyfocus(myid){
if(isNav){
document.getElementById(myid).focus();//获取焦点
}else{
setFocus.call(document.getElementById(myid));
}
}
varisNav=(window.navigator.appName.toLowerCase().indexOf("netscape")>=0);
varisIE=(window.navigator.appName.toLowerCase().indexOf("microsoft")>=0);
functionsetFocus(){
varrange=this.createTextRange();//建立文本选区
range.moveStart("character",this.value.length);//选区的起点移到最后去
range.collapse(true);
range.select();
}
</script>
示例:
这里使用的是ztree的模糊搜索
一开始所有的树节点都是闭合的,但是如果输入搜索内容的时候进行查询,展开查询内容的父节点之后,会使得input里面的失去焦点,用户体验效果不好,这里就在父节点展开之后,再让input获得焦点,如果只是使用focus()的话,那光标就会出现在该文本框的最前面。当然这样也不是我想要的效果。调用上面的代码,就可以实现在查询后,光标定位到查询文字的后面。
相关文章
- 实现千元分隔符javascript代码详解编程语言
- javascript操作cookie的代码详解编程语言
- 用javascript实现画板的代码
- 代码实现打印功能(asp.net+javascript)
- javascript控制html元素显示/隐藏实现代码
- Javascript复制数组实现代码
- JavaScript双级下拉菜单实现代码
- JavaScript井字棋人工智能实现代码
- 让firefox支持IE的一些方法的javascript扩展函数代码
- javascript可控式透明特效实现代码
- javascript就地编辑实现代码
- Javascript链式调用实现代码(参考jquery)
- 用apply让javascript函数仅执行一次的代码
- JavaScript获取当前时间戳的代码
- c#和Javascript操作同一json对象的实现代码
- javascript制作的网页侧边弹出框思路及实现代码