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间隔定时器(延时定时器)学习 间隔调用和延时调用
Jan 13 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 Javascript
页面间固定参数,通过cookie传值的实现方法
May 31 Javascript
详解AngularJS 模块化
Jun 14 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
Aug 01 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
Vue组件开发技巧总结
Mar 04 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
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
php while循环控制的简单实例
2016/05/30 PHP
PHP实现批量检测网站是否能够正常打开的方法
2016/08/23 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
Position属性之relative用法
2015/12/14 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
vue.js中Vue-router 2.0基础实践教程
2017/05/08 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
python批量制作雷达图的实现方法
2016/07/26 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
将Django项目部署到CentOs服务器中
2018/10/18 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
Python判断有效的数独算法示例
2019/02/23 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
如何基于python操作excel并获取内容
2019/12/24 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
送货司机岗位职责
2013/12/11 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
检讨书范文1000字
2015/01/28 职场文书
500字小学生检讨书
2015/02/19 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python