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灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
微信小程序实现图片滚动效果示例
Dec 05 Javascript
微信小程序实现带参数的分享功能(两种方法)
May 17 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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下MYSQL limit的优化
2008/01/10 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
JQuery球队选择实例
2015/05/18 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
vue制作加载更多功能的正确打开方式
2016/10/12 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python选课系统开发程序
2016/09/02 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
Python 加密与解密小结
2018/12/06 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
Python实现名片管理系统
2020/02/14 Python
聊聊python中的异常嵌套
2020/09/01 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
人力资源部门的主要职能
2014/02/22 职场文书
歌唱比赛主持词
2014/03/18 职场文书
2015年司法局工作总结
2015/05/22 职场文书
电影开国大典观后感
2015/06/04 职场文书
演讲开头怎么书写?
2019/08/06 职场文书