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实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
javascript之bind使用介绍
Oct 09 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
Jan 29 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+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
php 购物车完整实现代码
2014/06/05 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
js监听键盘事件示例代码
2013/07/26 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
母亲80寿诞答谢词
2014/01/16 职场文书
运动会获奖感言
2014/02/11 职场文书
运动会稿件300字
2014/02/14 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
促销活动总结报告
2014/04/26 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
公司贷款承诺书
2014/05/30 职场文书
服务口号大全
2014/06/11 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
心理学培训心得体会
2016/01/22 职场文书
《鲸》教学反思
2016/02/23 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题
Go并发4种方法简明讲解
2022/04/06 Golang