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 相关文章推荐
js修改原型的属性使用介绍
Jan 26 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
微信小程序学习之数据处理详解
Jul 05 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
Aug 10 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
记录一次开发微信网页分享的步骤
May 07 Javascript
js实现随机8位验证码
Jul 24 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
JS中的const命令你真懂它吗
Mar 08 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中的数组操作函数整理
2008/08/18 PHP
php empty函数判断mysql表单是否为空
2010/04/12 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
JS闭包的几种常见形式实例详解
2017/09/16 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
详解Django框架中用context来解析模板的方法
2015/07/20 Python
python制作最美应用的爬虫
2015/10/28 Python
详解Python中类的定义与使用
2017/04/11 Python
python matplotlib画图实例代码分享
2017/12/27 Python
python实现词法分析器
2019/01/31 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
女性时尚网购:Chic Me
2019/07/30 全球购物
小学数学国培感言
2014/03/10 职场文书
创业融资计划书
2014/04/25 职场文书
初中化学教学反思
2016/02/22 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
入门学习Go的基本语法
2021/07/07 Golang
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技