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新手语法小结
Jun 15 Javascript
JQuery 常用操作代码
Mar 14 Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
JavaScript实现重置表单(reset)的方法
Apr 02 Javascript
JavaScript验证Email(3种方法)
Sep 21 Javascript
SVG描边动画
Feb 23 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 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实现文件编码批量转换
2014/03/10 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
jQuery使用手册之二 DOM操作
2007/03/24 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
django框架auth模块用法实例详解
2019/12/10 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
电子商务专业求职信
2014/03/08 职场文书
yy婚礼主持词
2014/03/14 职场文书
企业金融服务方案
2014/06/03 职场文书
青年文明号口号
2014/06/17 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS