解决表单中第一个非隐藏的元素获得焦点的一个方案


Posted in Javascript onOctober 26, 2009

form中又许多元素,是用例如form.element[x] 来表示;
一个元素的类型: 一个元素的类型是用 element.type 来表示
有了上面的一些了解,现在就让我们来解决第一个非隐藏元素获得焦点的方案:
首先定义 一个对象 作为方法的应用者:
var f=new Object();
然后:

f.getTheFirstFocus=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 相关文章推荐
选择复选框按钮置灰否则按钮可用
May 22 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
jQuery实现弹幕特效
Nov 29 jQuery
vue.js实现简单的计算器功能
Feb 22 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 #Javascript
几个javascript操作word的参考代码
Oct 26 #Javascript
javascript 操作Word和Excel的实现代码
Oct 26 #Javascript
JavaScript 对话框和状态栏使用说明
Oct 25 #Javascript
5款Javascript颜色选择器
Oct 25 #Javascript
11款基于Javascript的文件管理器
Oct 25 #Javascript
JavaScript 三种不同位置代码的写法
Oct 25 #Javascript
You might like
php中使用临时表查询数据的一个例子
2013/02/03 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
ThinkPHP框架整合微信支付之JSAPI模式图文详解
2019/04/09 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
jquery tools 系列 scrollable学习
2009/09/06 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
vue的列表交错过渡实现代码示例
2019/05/05 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
解决vue刷新页面以后丢失store的数据问题
2020/08/11 Javascript
用js实现放大镜效果
2020/10/28 Javascript
jQuery实现本地存储
2020/12/22 jQuery
[07:54]DOTA2-DPC中国联赛 正赛 iG vs VG 选手采访
2021/03/11 DOTA
python概率计算器实例分析
2015/03/25 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
python主线程捕获子线程的方法
2018/06/17 Python
python实现flappy bird游戏
2018/12/24 Python
如何基于python实现脚本加密
2019/12/28 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
简历的自我评价
2014/02/03 职场文书
经济纠纷起诉状
2015/05/20 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
CSS 伪元素::marker详解
2021/06/26 HTML / CSS
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js