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 10 Javascript
认识延迟时间为0的setTimeout
May 16 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
Webpack 服务器端代码打包的示例代码
Sep 19 Javascript
浅谈layui里的上传控件问题
Sep 26 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 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
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
php获取字段名示例分享
2014/03/03 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
javascript 特殊字符串
2009/02/25 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
浅谈Python 参数与变量
2020/06/20 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
培训自我鉴定
2014/01/31 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书