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中getJSON的使用方法
Dec 13 Javascript
基于jQuery的前端数据通用验证库
Aug 08 Javascript
浅析JavaScript中的delete运算符
Nov 30 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 Javascript
vue实现下拉菜单树
Oct 22 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源码之explode使用说明
2011/08/05 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
JavaScript 特殊字符
2007/04/05 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
快速掌握Node.js环境的安装与运行方法
2016/02/16 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
Python与Java间Socket通信实例代码
2017/03/06 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
python利用微信公众号实现报警功能
2018/06/10 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
Django REST framework视图的用法
2019/01/16 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
综合办公室主任职责
2013/12/16 职场文书
致400米运动员广播稿
2014/02/07 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
演讲稿开场白台词
2014/08/25 职场文书
争先创优活动总结
2014/08/27 职场文书
运动会广播稿300字
2015/08/19 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书