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面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 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 Session变量不能传送到下一页的解决方法
2009/11/27 PHP
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
php编程每天必学之验证码
2016/03/03 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
python分析apache访问日志脚本分享
2015/02/26 Python
python利用datetime模块计算时间差
2015/08/04 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
eclipse创建python项目步骤详解
2019/05/10 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
python如何实现图片压缩
2020/09/11 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
加热夹克:RAVEAN
2018/10/19 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
教师党员学习群众路线心得体会
2014/11/04 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
大学学生会辞职信
2015/05/13 职场文书
运动会致辞稿
2015/07/29 职场文书
学习党章心得体会2016
2016/01/15 职场文书
帮你提高开发效率的JavaScript20个技巧
2021/06/18 Javascript