javaScript让文本框内的最后一个文字的后面获得焦点实现代码


Posted in Javascript onJanuary 06, 2013
<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()的话,那光标就会出现在该文本框的最前面。当然这样也不是我想要的效果。调用上面的代码,就可以实现在查询后,光标定位到查询文字的后面。
Javascript 相关文章推荐
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
轻松学习Javascript闭包
Mar 01 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
angular-cli修改端口号【angular2】
Apr 19 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
layui table单元格事件修改值的方法
Sep 24 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
vue 动态表单开发方法案例详解
Dec 02 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 #Javascript
javascript编码的几个方法详细介绍
Jan 06 #Javascript
javascript返回顶部效果(自写代码)
Jan 06 #Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 #Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 #Javascript
jquery入门—选择器实现隔行变色实例代码
Jan 04 #Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 #Javascript
You might like
php中static静态变量的使用方法详解
2010/06/04 PHP
php tp验证表单与自动填充函数代码
2012/02/22 PHP
php学习笔记之基础知识
2014/11/08 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
Bootstrap4如何定制自己的颜色和风格
2018/02/26 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
Python二分法搜索算法实例分析
2015/05/11 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
一步步教你用Python实现2048小游戏
2017/01/19 Python
使用Python3制作TCP端口扫描器
2017/04/17 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
python输出带颜色字体实例方法
2019/09/01 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
canvas像素画板的实现代码
2018/11/21 HTML / CSS
读书心得体会
2013/12/28 职场文书
关于礼仪的演讲稿
2014/01/04 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
学生鉴定评语大全
2014/05/05 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
校本研修个人总结
2015/02/28 职场文书
集结号观后感
2015/06/08 职场文书
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android