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 相关文章推荐
如何使用jQuery来处理图片坏链具体实现步骤
May 02 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
JS原型链怎么理解
Jun 27 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
Jul 02 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 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
实用函数8
2007/11/08 PHP
php笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
Javascript 判断Flash是否加载完成的代码
2010/04/12 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
AngularJs Modules详解及示例代码
2016/09/01 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
python实现的各种排序算法代码
2013/03/04 Python
python实现360的字符显示界面
2014/02/21 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
简单了解Python3里的一些新特性
2019/07/13 Python
浅谈python3中input输入的使用
2019/08/02 Python
编辑求职信样本
2013/12/16 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
青年志愿者事迹材料
2014/02/07 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
房地产推广策划方案
2014/05/19 职场文书
运动会拉拉队口号
2014/06/09 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
面试自我评价范文
2014/09/17 职场文书
幼儿园庆六一主持词
2015/06/30 职场文书
基层党建工作简报
2015/07/21 职场文书