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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
Vue项目History模式404问题解决方法
Oct 31 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
PHP4实际应用经验篇(5)
2006/10/09 PHP
在WordPress中使用wp-cron插件来设置定时任务
2015/12/10 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
js实现图片旋转的三种方法
2014/04/10 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
python人人网登录应用实例
2014/09/26 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
python实现弹跳小球
2019/05/13 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
浅谈Python爬虫原理与数据抓取
2020/07/21 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
结构工程研究生求职信
2013/10/13 职场文书
四年级语文教学反思
2014/02/05 职场文书
医院搬迁方案
2014/06/14 职场文书
二手车转让协议书
2015/01/29 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
农村老人去世追悼词
2015/06/23 职场文书