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 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
jQuery.each使用详解
Jul 07 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
vue.js系列中的vue-fontawesome使用
Feb 10 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 Javascript
p5.js实现动态图形临摹
Oct 23 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
wiki-shan写的php在线加密的解密程序
2008/09/07 PHP
php 设计模式之 单例模式
2008/12/19 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
一个简单且很好用的php分页类
2013/10/26 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
python中dir函数用法分析
2015/04/17 Python
python取代netcat过程分析
2018/02/10 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
C# Debug和Testing相关面试题
2015/10/25 面试题
室内设计专业学生的自我评价分享
2013/11/27 职场文书
预备党员考察意见范文
2015/06/01 职场文书
MySQL 1130异常,无法远程登录解决方案详解
2021/08/23 MySQL