`
阅读更多

 

33.  你看你做的这个应用,一进来,你还要我来点才能进入一个文本框,一个应用你想做好不是那么人容易的,特别是一些比较苛刻的用户。

 

光标定位,采用回车移动焦点:

function init(){

document.getElementById("userId").focus();

}

 

<body onload="init()">  这样一进来,就会自动选中这个文本框。

 

 

现在支持回车,其实用户提出的要求很多。

默认是按tab键,会自动回车,现在做回车这个功能,有一个是事件,

onkeypress:当用户按下字面键时触发。

 

<input name="userId" type="text" id="userId" onkeypress="userIdOnKeyPress()">   当用户在这个文本框里面按下键时就触发这个事件,就交给我指定的函数去处理。

 

function userIdOnKeyPress(){  //跑到这里我就可以拿到回车的键值,有一个event就可以拿到键盘的code值     

alert(event.keyCode);  可以弹出 Enter值是13  ,这时按tab键不会有反应,为什么,这样转回车有问题,不是这样的。

因为这个onkeypress,,,,接受不到tab,翻页之类的按键。但是回车和字母可以接受到,现在来用onkeydown就可以接受到了。

}

 

只要改了onkeydown="userIdOnKeyPress()",现在可以了。

onkeydown:当用户按下键盘按键时触发。    以后就用这个吧,下面那个还有那么多的缺陷,但是如果需要两个函数来完全不同的功能就要使用下面这个充当一下了。下面有例子

onkeypress:当用户按下字面键时触发。    

 

onkeydown 当用户按下键盘按键时触发。 注意这两个的区别

 

 

 

34.  现在做一个让它按tab键变成一个回车,怎么做?相当于java中原先这个方法是干什么的,我覆盖它,怎么写

function document.onkeydown(){

把它原先的行为改了。

if(event.keyCode == 13 && event.srcElement.type != "button" ){

event.keyCode = 9;  tab键值是9

}

}

 

你现在回车就相当于以前的tab了,你现在总是回车,当回到提交按钮的时候,就应该要提交了,

 

srcElement 设置或获取触发事件的对象。 

.type 当前对象的类型,一定要加,不加不行。

 

 

35.  你看现在用户代码这一块,你允许用户只输入数字和字母,你输入  d--f的话就会弹出相应的错误提示,但是现在我想控制一下,让他根本就不能输入这样的东西进去,比如- * ( )之类的。也就是说当你按下键盘这个事件的时候,你能监测到。所以你要响应一个事件,这个事件使用onkeypress就可以了。

 

function userIdOnKeyPress(){

alert(event.keyCode);  这样你一输入 - 就可以看到-对应的ASCII码值。现在就可以屏蔽掉他,看字符,在urltialEdit软件里面有,

if(!(event.keyCode >=48 && event.keycode <=57) &&

event.keyCode >= 97 && event.keyCode <=122)

event.keyCode = 0;赋值成0就是没有了的意思。

));这 就是合法的。

}

现在就可以不让你输入非法的字符了。

 

 

36.  你看你现在的验证也不是特别友好,你一不对就弹出一个对话框,一点也不友好,不一定是ajax才能做那种即时提醒的效果,js也可以,用div来提醒。貌似每一个文本框后面要放一个div

 

 

37.  如果你的按钮是submit就会自动提交,现在这个按钮是button,就不会自动提交。             提交是form的属性。

在验证完后,document.getElementById("userForm").submit();

你提交还可以设置或返回到服务器的方法,所以下面这样写

document.getElementById("userForm").method = "post";现在我要提交,提交给谁,

document.getElementById("userForm").action="user_add.jsp"  //我要提交给自己,其实这是一个servlet                  //其实也可以不写,默认是提交给自己

document.getElementById("userForm").submit();

 

 

<form name="userForm" target="_self" id="userForm">他的form是这样定义的,难怪要像上面那样写,action也没有写,提交方法也没有写。

 

你改成get提交,在地址栏是看不到效果的。因为有帧,他把这个屏蔽了。

但是你可以在提交后的页面上点属性可以看到地址。

 

 

你看上面是不是写的挺多的,三行才能完成啊。把那三行注释掉,用一个关键字,with

//等同与上面的写法

with(document.getElementById("userForm")) {

method="post";//现在这个提交最好写在post用get会出问题,以后再看吧

action="user_add.jsp?command=add";

submit();

}这样可以减少重复。

 

38.  这样你可以看出js在前端占了多大的一部分。

 

最好不要在myeclipse中的jsp页面中写js然后点预览来看效果,有时候不能得到很好地运行,比如说上面那个onkeypress()方法中的  alert(event.keyCode);  在myeclipse中的jsp中的预览中是看不到效果的。7.1是这样的,不知道目前的高版本是否相同。


分享到:
评论

相关推荐

    史玉柱自述我的营销心得.pdf

    "史玉柱自述我的营销心得.pdf" 史玉柱是中国知名的企业家和营销专家,他的营销心得和经验值得我们学习和借鉴。以下是从他的自述中提炼出的知识点: 首先,史玉柱强调了营销的重要性。他认为,营销是企业生存和发展...

    NIIT学习心得 NIIT课程学习心得 NIIT软件开发学习心得 NIIT学习随感 成为软件工程师之心得 梦想的脚步向我走近 我们为什么要参加培训? 我在NIIT的感悟与心得 学员心声

    "我在NIIT的感悟与心得"表明,学习不仅是技能的习得,更是个人成长的过程。在NIIT的学习旅程中,学员可能收获了超越技术层面的宝贵体验,如时间管理、沟通技巧和团队合作精神,这些都是职场成功的重要因素。 总的来...

    法律伴我成长教育心得感想共五篇_学习心得范本.pdf

    法律伴我成长教育心得感想共五篇_学习心得范本.pdf

    史玉柱自述:我的营销心得全

    史玉柱迄今唯一公开的著作《史玉柱自述:我的营销心得》于2013年6月17日上市,该书由史玉柱独家授权,优米网、读客图书联合出版,以令人瞠目结舌的速度刷新着畅销书热卖纪录,牢牢占据各大图书网站经管类排行榜第一...

    计算机网络实训心得

    在几周的实训中,我从中得到的一些心得,和体会希望可以帮助需要的人和需要交流人的。

    计算机网络组网技术学习心得.docx

    计算机网络组网技术学习心得全文共2页,当前为第1页。计算机网络组网技术学习心得全文共2页,当前为第1页。学习心得 计算机网络组网技术学习心得全文共2页,当前为第1页。 计算机网络组网技术学习心得全文共2页,...

    我是一个兵军训心得5篇.docx

    我是一个兵军训心得5篇.docx

    我的android学习心得

    我将分享我的Android学习心得,希望能为你提供一些启示和帮助。在这个过程中,理解和掌握基础知识是至关重要的,因为它们构成了Android开发的基石。 首先,从基础开始,我们需要了解Java语言。Android主要基于Java...

    java工作室学习心得

    【Java工作室学习心得】 在Java工作室的学习过程中,我体验了从理论到实践的转化,明白了在编程领域,单纯依赖理论是远远...面对未来的挑战,我将秉持这些心得,持续努力,不断提升自己,成为一名优秀的软件技术人员。

    计算机专业实习总结心得

    【计算机专业实习总结心得】 实习是计算机专业学生从理论到实践的重要过渡阶段,它让我们有机会将课堂上学到的知识运用到实际工作中,同时也让我们对行业有了更深入的理解。我在2009年12月开始了我的实习之旅,加入...

    我眼中的教育细节小学教师读书交流会活动心得.pdf

    我眼中的教育细节小学教师读书交流会活动心得.pdf

    学习单片机的心得体会

    单片机学习心得体会 单片机学习是一个复杂的过程,对于初学者来说,需要掌握很多知识和技能。在本文中,我们将从零开始,学习单片机的基础知识,包括选择合适的开发环境、安装CCS C编译器、配置开发环境、设计试验...

    国际贸易实务模拟实验心得.docx

    "国际贸易实务模拟实验心得" 国际贸易实务模拟实验心得是指跨越...我认为国际贸易实务模拟实验心得是非常有价值的学习经验,让我更好地理解了贸易工作的复杂性和困难性,并且掌握了贸易术语的用法和英语翻译的能力。

    区块链 + 学习心得 +期末考试

    这是我学习完区块链这么课的一个心得体会

    我是谁为了谁心得体会参考.doc

    我是谁为了谁心得体会参考.doc

    ALTIUM designer 学习心得

    以下是我对ALTIUM Designer学习的一些主要知识点总结: 1. **电路原理图设计**:ALTIUM Designer的Schematic Editor提供了一个直观的界面,用于绘制电路原理图。这里包括元件库的管理和使用,元件的放置、连接线的...

    《我的单位观》学习心得体会.doc.doc

    《我的单位观》学习心得体会.doc.doc

    实验心得总汇(各种实验心得,写报告必备)

    【实验心得总汇】 在进行测试技术实验的过程中,我深深地体会到实验并非想象中那么简单,而是一种理论知识与实践技能的紧密结合...因此,我深感实验心得的总结对于学习过程的反思和提升至关重要,是不可忽视的一部分。

    SAS软件以及数据分析学习心得

    ### SAS软件及数据分析学习心得与MySQL心得 #### 一、SAS软件介绍及学习体会 **SAS**(Statistical Analysis System)是一款广泛应用于数据管理和统计分析的强大软件。本学期,通过对《SAS软件及数据分析》课程的...

Global site tag (gtag.js) - Google Analytics