JavaScript聚焦于第一个字段的代码


Posted in Javascript onOctober 15, 2010

这个主要会用在表单字段中,所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点。(呵呵^_^,很简单!)

FormUtil.focusOnFirst = function() { 
if (document.forms.length > 0) { 
for (var i = 0; i < document.forms[0].elements.length; i++) { 
var oField = document.forms[0].elements[i]; 
if (oField.type != "hidden") { 
oField.focus(); 
return; 
} 
} 
} 
}
Javascript 相关文章推荐
[JS源码]超长文章自动分页(客户端版)
Jan 09 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
javascript验证身份证号
Mar 03 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
Apr 06 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
Nov 24 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
JavaScript访问样式表代码
Oct 15 #Javascript
IE下js调试工具Companion.JS
Oct 15 #Javascript
jquery $.ajax各个事件执行顺序
Oct 15 #Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 #Javascript
jquery 元素相对定位代码
Oct 15 #Javascript
JQuery小知识
Oct 15 #Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
Oct 15 #Javascript
You might like
php正则表达式使用的详细介绍
2013/04/27 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
jQuery中after的两种用法实例
2013/07/03 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
Python读写文件方法总结
2015/06/09 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
Python continue继续循环用法总结
2018/06/10 Python
Python可迭代对象操作示例
2019/05/07 Python
在线课程:Skillshare
2019/04/02 全球购物
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
如何找出EMP表里面SALARY第N高的employee
2013/12/05 面试题
股份合作协议书
2014/04/12 职场文书
供电工程专业求职信
2014/08/09 职场文书
产品委托授权书范本
2014/09/16 职场文书
防汛通知
2015/04/25 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书