`
webcode
  • 浏览: 5945551 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

javaScript:让文本框内的最后一个文字的后面获得焦点

 
阅读更多
<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>


示例:

这里使用的是ztree的模糊搜索

一开始所有的树节点都是闭合的,但是如果输入搜索内容的时候进行查询,展开查询内容的父节点之后,会使得input里面的失去焦点,用户体验效果不好,这里就在父节点展开之后,再让input获得焦点,如果只是使用focus()的话,那光标就会出现在该文本框的最前面。当然这样也不是我想要的效果。调用上面的代码,就可以实现在查询后,光标定位到查询文字的后面。

分享到:
评论

相关推荐

    javaScript让文本框内的最后一个文字的后面获得焦点实现代码

    让文本框内的最后一个文字的后面获得焦点,在应用中很常见,接下来提供解决方案,按兴趣的朋友可以了解下

    JavaScript实现焦点进入文本框内关闭输入法的核心代码

    js实现焦点进入文本框内关闭输入法:imeMode 要用到的东西: imeMode:xxx 有四个参数 active 代表输入法为中文 inactive 代表输入法为英文 auto 代表打开输入法 (默认) disable 代表关闭输入法 &lt;INPUT onfocus=" ...

    程序天下:JavaScript实例自学手册

    3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 ...

    javascript函数的解释

    parseInt 也是一个JavaScript 的内部函数,分析一个 字符串,并返回给定基数或底数的一个整数(若没有给定基数,则假定基数为10)。 计算标签的个数;document. getElementsByTagName(‘标签名’).lenth; 二、...

    用jquery实现输入框获取焦点消失文字

    我们在登录网站的时候,文本框中经常会有提示你输入的信息,当你点击文本框,提示信息自动消失,当文本框什么都没有,而且失去焦点的时候,又有了提示文字。 1.原型开发,先做一个简单的: 我们首先需要一个html文件...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    javascript常用对象梳理

    功能:弹出一个警告框,在警告框内显示提示字符串文本。 4. confirm方法 语法格式: window.confirm(提示字符串) 功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮 时该方法返回true,...

    JavaScript笔记

    |--null:一个特殊的值,表示“无值”--空对象。数据类型为Object |--undefined:表示声明了变量但从未赋值或者对象属性不存在 10.双等号(==)和全等号(===): |--“==”为确定两个运算数是否相等,“==”...

    jQuery详细教程

    $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 四. jQuery实例 jQuery hide() 演示简单的 jQuery hide() ...

    《javaScrip开发技术大全》源代码

    • sample25.htm 统计一个字符串在另一个字符串中出现的次数 • sample26.htm 使用正则表达式搜索子字符串 • sample27.htm 替换使用字符串查找到的子字符串 • sample28.htm 扩展...

    artDialog_Demo

    27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息将更加方便,如提交iframe表单。稍后添加更多的例子..) 28、对于简单的消息可以使用简写: artDialog('hello world') 29、让IE6...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Activity Activity是一个应用程序组件,提供一个屏幕,用户可以用来交互为了完成某项任务,是一个负责与用户交互的组件 SSH 为 Struts+Spring+Hibernate的一个集成框架,是目前较流行的一种Web应用程序开源框架。...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Confirm.GetShowReference的最后一个参数target变为枚举类型。 -Alert.GetShowReference中的showInParent参数也变为Target枚举类型。 -MenuButton, LinkButton, Button, LinkButtonField增加ValidateTarget...

    ExtAspNet_v2.3.2_dll

    -Confirm.GetShowReference的最后一个参数target变为枚举类型。 -Alert.GetShowReference中的showInParent参数也变为Target枚举类型。 -MenuButton, LinkButton, Button, LinkButtonField增加ValidateTarget...

    tic-tac-toe-v3:Treehause游戏

    要求 将焦点设置在第一个文本字段上。 页面加载后,将焦点放在第一个文本字段上 从“工作角色”下拉菜单中选择“其他”选项时,显示一个文本字段。 确保添加文本输入字段。 在该字段中使用“其他标题”的ID。 为该...

Global site tag (gtag.js) - Google Analytics