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 相关文章推荐
JS获取并操作iframe中元素的方法
Mar 21 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
详解如何运行vue项目
Apr 15 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
js实现点击选项置顶动画效果
Aug 25 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
农民C键的运用技巧
2020/03/04 星际争霸
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
XRegExp 0.2: Now With Named Capture
2007/11/30 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
VUE预渲染及遇到的坑
2018/09/03 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
python使用Tesseract库识别验证
2018/03/21 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python 检查文件mime类型的方法
2018/12/08 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
服装行业创业计划书范文
2014/02/05 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
2014年派出所工作总结
2014/11/21 职场文书
在校证明模板
2015/06/17 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
Python基础之元编程知识总结
2021/05/23 Python