javaScript让文本框内的最后一个文字的后面获得焦点实现代码
更新时间：2013年01月06日 16:17:21 作者：
让文本框内的最后一个文字的后面获得焦点，在应用中很常见，接下来提供解决方案，按兴趣的朋友可以了解下
复制代码 代码如下:
<script>
//当失去交点以后 让文本框内的文字获得焦点 并且光标移到最后一个字后面
function myfocus(myid) {
if(isNav){
document.getElementById(myid).focus();// 获取焦点
}else{
setFocus.call(document.getElementById(myid));
}
}
var isNav = (window.navigator.appName.toLowerCase().indexOf("netscape")>=0);
var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")>=0);
function setFocus() {
var range = this.createTextRange(); //建立文本选区
range.moveStart('character', this.value.length); //选区的起点移到最后去
range.collapse(true);
range.select();
}
</script>
示例：
这里使用的是ztree的模糊搜索
一开始所有的树节点都是闭合的，但是如果输入搜索内容的时候进行查询，展开查询内容的父节点之后，会使得input里面的失去焦点，用户体验效果不好，这里就在父节点展开之后，再让input获得焦点，如果只是使用focus()的话，那光标就会出现在该文本框的最前面。当然这样也不是我想要的效果。调用上面的代码，就可以实现在查询后，光标定位到查询文字的后面。
相关文章
这篇文章主要介绍了使用controller接收js传过来的参数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要介绍了TypeScript 映射类型详情，一个类型需要基于另外一个类型， 又不想拷贝一份，这个时候可以考虑使用映射类型，映射类型建立在索引签名的语法上，下面文章我们就从回顾下索引签名展开TypeScript 映射类型的相关资料,需要的朋友可以参考一下2021-12-12
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧，这篇文章主要介绍了JS中Json数据的处理和解析JSON数据的方法详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
本文给大家分享的是在IOS浏览器中使用iscroll.js的上拉下拉刷新时当手指划出屏幕后无法回弹的解决方法，希望对大家能够有所帮助。2016-02-02
用js实现CSS圆角生成更新...2007-05-05
这篇文章主要介绍了微信小程序中如何使用flyio封装网络请求，Fly.js 通过在不同 JavaScript 运行时通过在底层切换不同的 Http Engine来实现多环境支持，但同时对用户层提供统一、标准的Promise API,需要的朋友可以参考下2019-07-07
本篇文章主要是对JS实现鼠标单击与双击事件共存的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
webpack有两种组织模块依赖的方式，同步和异步，这篇文章主要介绍了webpack动态加载与打包方式，本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下2023-02-02
Add a Picture to a Microsoft Word Document
Add a Picture to a Microsoft Word Document...2007-06-06
在前端开发中,我们经常需要处理一些延迟执行、防抖和节流的场景,今天介绍一个实用的Delay工具类,它提供了这些常用的延迟执行功能,下面我们就看看它的具体应用吧2024-11-11
最新评论