javaScript让文本框内的最后一个文字的后面获得焦点实现代码
时间:2024-04-16 08:57:55
<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()的话,那光标就会出现在该文本框的最前面。当然这样也不是我想要的效果。调用上面的代码,就可以实现在查询后,光标定位到查询文字的后面。
标签:文本框焦点,获取焦点
0
投稿
猜你喜欢
Jupyter notebook 更改文件打开的默认路径操作
2023-02-04 13:59:21
详解Python开发语言中的基本数据类型
2022-12-11 20:13:35
关于Python中异常(Exception)的汇总
2022-11-29 05:42:15
webpack-dev-server自动更新页面方法
2024-04-19 09:48:10
简单了解Python write writelines区别
2023-06-16 14:00:28
JS中检测数据类型的几种方式及优缺点小结
2024-04-16 09:14:41
不成熟的标准化是我们唯一惧怕的
2008-08-15 18:55:00
Python: glob匹配文件的操作
2023-05-30 00:36:24
安装mysql 8.0.17并配置远程访问的方法
2024-01-25 06:58:24
MySQL使用外键实现级联删除与更新的方法
2024-01-25 19:52:12
sqlserver2005利用临时表和@@RowCount提高分页查询存储过程性能示例分享
2024-01-21 05:41:06
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2021-07-12 23:46:28
使用SQL语句快速获取SQL Server数据字典
2009-01-08 16:31:00
JS中判断null、undefined与NaN的方法
2024-04-19 09:54:27
asp删除mssql数据库中没有记录的图片代码
2011-03-11 11:22:00
pandas中对文本类型数据的处理小结
2022-06-25 06:39:16
处理SQL Server 2000的命名实例和多实例
2009-01-19 13:28:00
python和pywin32实现窗口查找、遍历和点击的示例代码
2023-04-06 19:01:23
在centos7中分布式部署pyspider
2022-10-28 15:53:00
Python将主机名转换为IP地址的方法
2023-09-06 21:30:42