Javascript实现通过返回键切换焦点

Javascript实现通过返回键切换焦点
HTML和CSS在这个领域已经有一段时间感兴趣了。他们对这个领域很感兴趣。他们还开始学习Javascript高级编程(第三版)。他们已经学习了这些天,和刚刚得知事件形成的脚本的内容。前几天,老师要求写一个代码:在Javascript的形式,使用回车键,上下左右键移动焦点从一个文本框中的上一个或下一个文本箱。用所学的知识到目前为止,要写的代码,在编译过程中遇到一些困难:以模块计算;用这种观点和发现功能的触发事件添加事件处理程序,并使用AddHandler事件()方法,在老师的帮助下,我解决了上述问题。我觉得我从这个代码中学到了很多知识,所以我会在完成后写注释并发表。

复制代码代码如下所示:



功能is_down(e){

VaR取决;

E = e window.event | |;

开关(能){

案例13:输入

案例39:移动到正确的键

案例40:向下键

我是真的;

打破;

案例37:左移动键

案例38:移动键

我= false;

打破;

}

回我;

}

功能key_up(){

调用函数,函数本身将生成此参数和参数

使用这个和参数字段和触发器事件被发现

var =参数{ 1 };

返回is_down(E)=定义的真实:handle_element(这is_down(E));

}

功能handle_element(场、is_down){

var elements = field.form.elements;

对于(var i = 0,len = elements.length-1;我< len;i++){

如果(字段=元素{ i }){

打破;

}

}

我= is_down(i + 1)% Len:(I - 1)% Len;

(0 = = =我/ is_down)->最后一个文本框,按下按钮后焦点

(- 1 = i!is_down)->第一个文本框按上键后焦点

如果((0 = = =我is_down)| |(- 1 = = =我!is_down)){

返回true;

}

元素{ } }焦点();

无功element_arr = {按钮,他们服从真主,'reset ','select-one ','textarea};

如果(element_arr.join(','),IndexOf(元素{我}。型)>1)

元素{ } };

返回false;

}

输入默认的取消提交表单事件

document.onkeydown =功能(e){

E = e window.event | |;

如果(能= = 13){

E.preventDefault e.preventDefault():(e.returnvalue = false);

}

};

/ /跨浏览器识别和attachevent addEventListener(IE)

AddHandler(元素、类型、功能处理程序){

如果(元。addEventListener)

element.addeventlistener(类型、处理程序、错误);

如果(元。attachevent)

element.attachevent(+型,处理程序);

其他的

元素+类型=处理程序;

}

var元素=文档{ 0 } }元素;

对于(var i = 0,len = elements.length;我< len;i++){

/ /添加对Keyup事件的key_up事件处理程序

AddHandler(元素{我},KeyUp

}

以上是所有内容的代码,个人感情写得比较全面,把地方考虑都做了,希望大家能喜欢。

tag:返回键焦点电脑软件Javascript

相关内容