JavaScript(js)设置默认输入焦点(focus)


Posted in Javascript onDecember 28, 2012

常常会在回复和引用里使用此功能,即单击回复或引用,如让输入焦点出现在留言输入框中,如果使用锚来定位,输入焦点就不能激活了。

javascript:document.getElementById("id").focus(); 
或javascript:document.all.id.focus(); 
或javascript:document.all.name.focus();

例子
<input type="text" name="tt" id="tt"> 
<input type="button" name="bt" id="bt" onclick="javascript:document.all.tt.focus();" value="给文本框设焦点">

进一步来看看本博客所使用的回复和引用的定位,及焦点如何定位在文字的右边。
//引用调用函数 
function quote(name,id){ 
var quoteMsg=document.getElementById(id).innerHTML; 
var content=document.getElementById("comment"); 
quoteMsg=quoteMsg.replace(/<IMG src="http://img.xxxxxxx.com/static/i/i_/g, "^~").replace(/_h.gif">/g, "~^").replace(/<BR>/g,'n'); 
content.focus();//要让焦点在文字的右边,这行代码要在前面 
content.value=quoteMsg+'【引用 ‘+name+'】'+'n'+'——————————————————————'+'n'; //后填入文字 
return false; //取消href的作用 
} 
//回复自动输入姓名函数 
function backcomment(msg){ 
backdb=document.getElementById(‘comment'); 
backdb.focus(); 
backdb.value=msg+'n'; 
return false; 
//return true; 原来用锚来定位 
}
Javascript 相关文章推荐
非常不错的一个javascript 类
Nov 07 Javascript
项目实践之javascript技巧
Dec 06 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
JQuery datepicker 使用方法
May 20 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
每天一篇javascript学习小结(String对象)
Nov 18 Javascript
javascript cookie基础应用之记录用户名的方法
Sep 20 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
小程序实现上传视频功能
Aug 18 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 #Javascript
js获取网页高度(详细整理)
Dec 28 #Javascript
前台js改变Session的值(用ajax实现)
Dec 28 #Javascript
window.open的页面如何刷新(父页面)上层页面
Dec 28 #Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 #Javascript
jQuery基础框架浅入剖析
Dec 27 #Javascript
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 #Javascript
You might like
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
php获取apk包信息的方法
2014/08/15 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
php图形jpgraph操作实例分析
2017/02/22 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
分析JS中this引发的bug
2017/12/12 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
使用JavaScript破解web
2018/09/28 Javascript
详解JS实现简单的时分秒倒计时代码
2019/04/25 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
Python获取apk文件URL地址实例
2013/11/01 Python
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
Python每天必学之bytes字节
2016/01/28 Python
怎样使用Python脚本日志功能
2016/08/14 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
Python如何给你的程序做性能测试
2020/07/29 Python
解决Python安装cryptography报错问题
2020/09/03 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
大三在校生电子商务求职信
2013/10/29 职场文书
毕业自我鉴定
2013/11/05 职场文书
一年级学生期末评语
2014/04/21 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
2014年生产部工作总结
2014/12/17 职场文书
开平碉楼导游词
2015/02/06 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书