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 相关文章推荐
javascript中的继承实例代码
Apr 27 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
javascript中的Function.prototye.bind
Jun 25 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
搞定immutable.js详细说明
May 02 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
javascript填充默认头像方法
Feb 22 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
Vuex的实战使用详解
Oct 31 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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中全局变量global的使用演示代码
2011/05/18 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
Js之软键盘实现(js源码)
2007/01/30 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
js实现ajax的用户简单登入功能
2020/06/18 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python处理字符串之isspace()方法的使用
2015/05/19 Python
浅谈Python peewee 使用经验
2017/10/20 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
python读取xml文件方法解析
2020/08/04 Python
详解CSS3的perspective属性设置3D变换距离的方法
2016/05/23 HTML / CSS
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
Amcal中文官网:澳洲综合性连锁药房
2019/03/28 全球购物
爱我中华演讲稿
2014/05/20 职场文书
门店业绩提升方案
2014/06/08 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
大队委员竞选稿
2015/11/20 职场文书