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 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
Apr 11 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
js完整倒计时代码分享
Sep 18 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 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程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
深入理解PHP中的count函数
2016/05/31 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
jQuery简单实现title提示效果示例
2016/08/01 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
2017/07/13 Javascript
[01:01]青春无憾,一战成名——DOTA2全国高校联赛开启
2018/02/25 DOTA
python之import机制详解
2014/07/03 Python
以windows service方式运行Python程序的方法
2015/06/03 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
专科应届生求职信
2013/11/24 职场文书
医生进修自我鉴定
2014/01/19 职场文书
小学数学教研活动总结
2014/07/01 职场文书
普宁寺导游词
2015/02/04 职场文书
公司辞职信模板
2015/05/13 职场文书
民政局未婚证明
2015/06/15 职场文书
python数字类型和占位符详情
2022/03/13 Python
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python