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高级程序设计
Dec 29 Javascript
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 Javascript
javascript 触发事件列表 比较不错
Sep 03 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
Jan 02 Javascript
修改Vue打包后的默认文件名操作
Aug 12 Javascript
JS highcharts实现动态曲线代码示例
Oct 16 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
通达OA公共代码 php常用检测函数
2011/12/14 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
基于php无限分类的深入理解
2013/06/02 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
JS拖拽插件实现步骤
2015/08/03 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
Python3+Appium安装使用教程
2019/07/05 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
狼和鹿教学反思
2014/02/05 职场文书
动物科学专业求职信
2014/07/27 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
2019入党申请书格式和范文
2019/06/25 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
教你用eclipse连接mysql数据库
2021/04/22 MySQL
react 项目中引入图片的几种方式
2021/06/02 Javascript