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 相关文章推荐
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
javascript实现简易计算器的代码
May 31 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
Node.js使用Angular简单示例
May 11 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
微信小程序点击view动态添加样式过程解析
Jan 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
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
2020/06/02 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
轻松实现python搭建微信公众平台
2016/02/16 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
python解包概念及实例
2021/02/17 Python
ORACLE第二个十问
2013/12/14 面试题
通用C#笔试题附答案
2016/11/26 面试题
2014年党员公开承诺践诺书
2014/03/25 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
四年级小学生评语
2014/12/26 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
小学课改工作总结
2015/08/13 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL
Django框架模板用法详解
2022/06/10 Python