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 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
javascript 关于# 和 void的区别分析
Oct 26 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
Bootstrap基础学习
Jun 16 Javascript
AngularJS使用ng-repeat指令实现下拉框
Aug 23 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
node实现简单的反向代理服务器
2017/07/26 Javascript
关于jquery form表单序列化的注意事项详解
2017/08/01 jQuery
JS判断微信扫码的方法
2017/08/07 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
Python中的Django基本命令实例详解
2018/07/15 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
2016/12/03 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
理货员的岗位职责
2013/11/23 职场文书
家长给老师的道歉信
2014/01/13 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
干部年终考核评语
2015/01/04 职场文书
公司给客户的感谢信
2015/01/23 职场文书
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL