当前位置:首页 > 日记 > 正文

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

}

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

相关文章

PS图象处理软件变成一个美丽的夏天

PS图象处理软件变成一个美丽的夏天

美丽,图象,一个美丽,处理软件,寒冷,其效果主要是通过色彩的变换来实现季节性变化,在处理前要统一主色调,然后缩小图片饱和度以获得中性图片,然后用配色工具添加冷色,增加雪花局部性,增强冬季效果。 其效果主要是通过色彩的变换来实现季节性变化…

创建非矩形切片教程、Fireworks8等

创建非矩形切片教程、Fireworks8等

教程,矩形,切片,电脑软件,本教程介绍了如何创建非矩形切片、Fireworks8等。方法比较简单。这个教程很实用,很实用。希望在本教程中能熟练使用多边形切片工具。 本教程介绍了如何创建非矩形切片、Fireworks8等。方法比较简单。这个教程很实用…

使用HTML,CSS对弹出层的预览的教程

使用HTML,CSS对弹出层的预览的教程

教程,弹出层,电脑软件,HTML,CSS,这种效应使得使用HTML,CSS,和JQ点击图片的预览功能,你也可以点击预览切换图片。姓名的预览图片上的权利和实现代码的描述 这种效应使得使用HTML,CSS,和JQ点击图片的预览功能,你也可以点击预览切换图片。图1是一个…

js实现了判断滚动条滚动到页面底部

js实现了判断滚动条滚动到页面底部

事件,执行,滚动条,方法,实现了,你需要知道的三个DOM元素:自己,offsetheight,和scrollTop。 自己:这个元素的高度占整个空间的高度,所以如果一个div有滚动条,高度不包括下面的滚动条的部分,只是一个简单的div的高度 OffsetHeight:它指的是该元素的…

AI混合工具和路径仪使魅族标志教程

AI混合工具和路径仪使魅族标志教程

混合,工具,路径,教程,魅族,本教程介绍给朋友,利用AI混合工具和路径搜索,使魅族的标志。本教程比较简单,但是介绍比较详细,适合初学者学习,推荐给喜欢它的朋友。 本教程将向您介绍AI混合工具和路径搜索器,并制作魅族徽标方法。本教程比较简单,新手…

PS教你画一个晶莹剔透的冰淇淋刷。

PS教你画一个晶莹剔透的冰淇淋刷。

教你,晶莹剔透,冰淇淋,画一,电脑软件,Frost是由许多小晶体组成的,为了模拟霜效果,我们需要创建一个雪花结构笔刷。新建一个文件,填充黑色背景,新建一个图层,用硬笔刷画出下面的结构。 步骤1 Frost是由许多细小的晶体组成的,为了模拟霜效果,我们需…

ajax通用模板实现代码

ajax通用模板实现代码

通用模板,代码,电脑软件,ajax,复制代码代码如下所示: VaR技术; 功能creatxmlhttprequest(){ 如果(窗口。ActiveX对象){ XMLHTTP =新的ActiveX对象(微软。XMLHTTP ); } 如果(窗口。XMLHttpRequest){ XMLHTTP =新的XMLHttpRequest(); } } 功能startreque…

几种常见攻击的正则表达式

几种常见攻击的正则表达式

正则表达式,几种,常见,电脑软件,(的| S)*(exec(的| +)+(S | x)P W +)(的| S)* / /执行命令 (的| S)*((% 3C)|)(的| S)* / /简单的XSS (的| S)*((65)| E)( S)*((76)| V)*((61)|一)*( S)*(% 6c)| L)* (的| S)*((% 3C)|)(的| S)* / /图像XSS (的| S)*((73)| S)( S)*(63)| C( S)*…

使用PS图象处理软件做了个一寸照片

使用PS图象处理软件做了个一寸照片

照片,图象,一寸,处理软件,电脑软件,现在让我们介绍一个8寸照片打印和打印的方法与PS图象处理软件。本教程很实用,对ps学习者很有帮助。 将一张一寸照片8版和印刷的关键是扩大对背景层复制捷径画布大小拖动复制图层是按住Ctrl + Alt拖动鼠标…

添加文字和树木3DMAX渲染PS

添加文字和树木3DMAX渲染PS

文字,树木,电脑软件,DMAX,PS,本教程是教你如何使用PS添加人物和树木3DMAX渲染。这个教程相当不错。推荐它并不难。对于那些使用这两种软件的朋友,你可以来学习。 下面给大家带来PS添加人物和树教程3DMAX渲染,教程比较基础,但是很实用,推荐,一起…

Javascript获取浏览器版本

Javascript获取浏览器版本

浏览器版本,电脑软件,Javascript,通过js获取当前浏览器的名称和版本号需要工作,有很多的网上信息的关键词是navigator.appname,但这种方法获取浏览器的名字只有两或IE或netscap,它可以用来确定是否IE的使用,但我想得到特定的浏览器产品名称如Fi…

PHP是接收相同但不同的值形式数据

PHP是接收相同但不同的值形式数据

数据,多个,实例,形式,名称,最近,当一个查询的信息管理系统是一个问题,信息接收的形式,有很多的输入框中的值相同的名字,盒子是由具有不同价值的用户填充,现在要迁移到PHP平台,并不能改变任何形式的前景(因为使用这种形式的网站太多,所以我们必须考…