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简单实现禁用右键菜单
Mar 10 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
分享我的jquery实现下拉菜单心的
Nov 29 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 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
最小化数据传输――在客户端存储数据
2006/10/09 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
js获取IP地址的方法小结
2014/07/01 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
python常规方法实现数组的全排列
2015/03/17 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Django入门使用示例
2017/12/12 Python
浅谈python可视化包Bokeh
2018/02/07 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
Interhome丹麦:在线预订度假屋和公寓
2019/07/18 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
区域销售经理职责
2013/12/22 职场文书
中学教师请假制度
2014/02/03 职场文书
财务情况说明书范文
2014/05/06 职场文书
业务员岗位职责
2015/02/03 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书
军训通讯稿范文
2015/07/18 职场文书
社区结对共建协议书
2016/03/23 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python