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>


示例:
javaScript让文本框内的最后一个文字的后面获得焦点实现代码 
这里使用的是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
  • asp之家 网络编程 m.aspxhome.com