动力节点SSM框架项目【CRM客户管理系统】实战实战教程-033原创

还有一个哪一个呢，还有这个回车登录是回车登录啊，现在呢，大概我们这个地方是这现在我们用户想登录的时候。输入用户维密码啊，输入用户密码，然后呢，点登录按钮才能登录。点登录按钮才能登录，这个时候用户体验就不好了，用户怎么体验不好了，对他输入输入用户维维码的时候，是不是他的手肯定在键盘上面。那他一想登录，他得去找什么，去找这个按钮，找按钮他得找鼠标，找鼠标找到之后呢，得把光标移到这个登录按钮，还得点一下这样才行，正样用户就比较慢，体验不好，所以现在这用户都比较急躁是吧，他这种他他等不了，他等不了这个过程，接受不了这种过程啊都是这样情况，所以一般来讲就什么他会提出这种需求，登录的时候嘛，手在键盘上，你别找鼠标了，直接按一个什么对按一个回车键，也能发请求，也能向后台发请求，知道吧，这这叫回车登录，知道吗。

其实大家我们说这是一种普遍现象，知道吧，大家用电脑不知道大家有没有这种体验，你知道就他这种理论叫什么啊，大家用键盘操作比较快，比用鼠标操作快，操作不管操作什么软件，键盘快，键盘方面鼠标慢，鼠标效率太低了，所以大家你以后做的一些特别一些特殊软件都提出，都提出这种需求，叫什么全键盘操作，是全键盘操作什么意思，说你这个软件什么访问完了之后，能够扔掉鼠标，只用键盘操作。知道不管干什么事，按哪按，我想干这个事按这个键，我想干那个事儿按这个键就行，知道吗？全键盘操作哪一类软件，最常见的软件就是你说假如你毕业之后，你要做这种这个银银银行那个柜台那种软件。就他们柜台上银行那个这个柜台那办公人员知吧，那些那些人员使用的那软件一般都支持全键盘操作，为什么他们不用鼠标，用鼠标太慢了，大家都在那排队等着你，你找鼠标办一个业务，你办一两个小时知道吧，所以他吧，所以他们都是全键，全部都是键盘操作是吧。

啊，所以在我们这普通的软件，虽然不是只不是这种全不支持全键盘操作，但是登录的时候，一般他提出这种需求能够回车登录知道吗？输入完之后直接按个回车就登录了，发停流了，知道吗？所以下边我们就准备来做这个什么这种键盘登录这种功能知道吗？好，大概这个功能大家想一想怎么来做。对，输入完之后，一按个回车键就发请求了，就以前我们一点登录就回就发请求了。那这个时候什么我们要什么按回车键就发请求了，以前点登录我们给登录按钮加了一个单击事件，现在我一按回车键就发请求，那同样的道理，我们肯定会想着能不能给这个什么，给这个页面加一个什么按一下回车键的事情是不这样呢？他一按回收键触发我们的代码向后台发请求，那一验证就通过了，知道吗？就登录了，知道吗？所以大我们就只想了，能不能给我这个页面加一个什么按回车键的视角。

如果能加上按回车键的视角，诶，这个时候这个功能就实现了，那现在我问你了。给一个页面加一个按回车键的事件，是哪一个事件对K是吧？K当是是按键盘的事件是吧？那我要按回车键的事件，对可以看看，可以看看是不没，其实没有专门针对哪一个键按一下这个事件知道吗？没有按回车键的事件，但是什么GS里边有一个什么对按一下键盘的事件，不管按键盘上哪一个键都会触罚，我们这个事件就那个叫K是吗？叫K档啊吧，K档那有老师K档的话，加上K档的话，他输的时候是不是也按键了，那也触罚了。

嗯，他他正常输入用户密码不也按键了吗？也处罚你也发请求吗。对，来判断他按的那个键是不是回车键是不是，如果不是回车键让你正常按，我不管不提交请求，然后呢，只要你按的是回车键，只有按的是回车键的时候再发请求，是不是这个意思啊，就这就行了，所以下边我们就准备这样。给我这个在我这个页面上面加一个按下键盘的事件，按下键盘的事件知道吗？然后呢，他一按下键盘，不管按哪一个键都会触罚我的GS代码，然后在我的GS代码里边判断按的是不是回车键，是回车键发请求，不是回车键，不管让他随便输，知道吗？好，这是我们说要做这个事，好，下边我就在这个页面上填一个按下键盘的事件，知道吗？那按下键盘的事件要把这个事件加到这个页面上哪一个元素上面。

密码密码这个窗口。对，你要加时间，你给打某一个元素加呀，给某一个元素加什么意思，就是说当光标在这个元素上面的时候，一按键盘就触发时间了，如果是光标不在这个圆头上边，你按键盘他也不触发，知道吧？对加到哪个地方。对对对，在这意见不一致了是是吧，那那有同学说老师就加到这个试卷上吗。把这个按压键盘加到上面，加到它上面可以是吧，那我说当用户输输用户名，输密码输完之后。对，光标在这个地方一按键盘，一按回车键提交了，那关键是万一这样呢，他说完之后，他点了一下，他呢。

这个光标是不是就不在他上面了，不在他上面，你按键盘他也不处罚，视角对，光标没在他上对。那有同学说这样老师加到加到这上面，加到这上面，万一他点完之后，他又服务一下他呢。好的。对，那你说那那么他俩都加，那我我要一按一下，我我要什么填完它之后，我再再填一下他呢。那他三个都叫。对，咱输完之后，他点别的地方了，对所所以说我们应该把视角加到什么地方，整个窗口上面是吧，对整个浏览上，他不管点哪个地方。然后呢，我们都能触发，只要按下键盘都是触发我们的视角，所以我们应该什么给整个这个浏览器窗口加上个键盘按下的视角，所以我们这个地方来给它加一个，我就直接写到这入行软夹，给整个浏览器窗口添加键盘按下视角。

是那这个地方我们在下那加的话，这个语法咋写。都是给拿Y根号年，对对，那我们这个正号什么，我们这个跟我们其实语法跟我们以前讲的一样，加试劲，给哪个元素加事件，首先选中那个元素，拿到那个元素的什么解块的对象，调事件函数是不是就可以了，是吧？那以前是什么给某一个元素加事件，用ID选择器或者用其他的选择器选中就行了，那现在我要给整个窗口加事件，要拿到整个窗口的解拍镜象砸到了。对，咱们有个window对象是吧？Window对象代表什么？对整个窗口，而且它是整个窗口的盗对象是不？那我要拿它的解块对象咋办？对转成解块的对象倒了分，这是拿到整个窗口的解块的对象加试件调试件函数就行。

对点加键盘按下视角，哪一个视角就K大啊K到知道吧，一掉它就给整个窗口加上键盘，按下视键，然后呢，在这给传个参数，这个参数本身是个函数，表示当光标在这个浏览器窗口任何地方的时候，只要按下键完了都会自动触发这个函数。我们在这个函数里边写我们的GS代码就行了。朋友，那写我的加代码干什么？对，判断是不是按的回车键，是是不是按的是回车键是吧？他只要按键码都会处罚这个函数，那我判断是不是按是不是按格按的是回车键，那我们来判断一下，如果他只要一按键盘都会处罚这个函数，那如果按的是什么回车键，回车键。

则提交什么提交请求，提交登录请求，这样就行了，那如何判断案子是不是回执键了？对，这这个这里边方式里边有个参数是吧，其实这边有个参数，大家可能以前学以学的时候，应该是以前已经看过类似的这些代码是吧，它这有个参数，这个参数什么呢？对even是even even翻译成中文叫什么事件是吧？事件什么意思，就说是这样说，当你这个原子发生这种事件的时候，自动触发这个函数。这个疑问呢，就表示正在发生的这个事件本身，他把这个事件本身就放到这个函数，就封到这个参数这个对象里边了，这个参数里边了，这是他这个对象知道吗？把这个事件本身，那老师事件怎么样的分装，是啊，你只要对事件感兴趣的那些属性都可以分成一个对象里边。

他把我们感兴趣的这些事件的属性全部放成这个对象里边了，你想用到这个事件，然后你就可以直接用它了，但一般来我们习惯上这个1EVENT的都用缩写成一就知道吧，所以关于这个试件本身所有的什么，这个试件本身所有的属性都放成这个对象了吧，那我通通过这个对象就能知道他按的是哪个键了，诶你说老师他通过这个事件怎么能按到哪个键，那你想啊，当前按键盘的事件所有的信息都放到这个对象里边了。那你说按哪个键是不是也分装里边了，也分装里边，怎么分装里边了，它里边有个属性，哪一个属性对KQ是吗？这个属性，这个属性就表示按的是哪一，这次按键盘视角按的哪个键，那个键的什么编码，诶你们老键怎么还有编码，键盘上每一个键都有编码，那我们应该说学软件软件专业的人知吧，学学计算机软件的这些这个这个学生的话就说在大学里边第一门课就什么计算机原理，是计算机计算机原理。

键盘上每一个键都有编码，嗯，其实这个大家也好理解，怎么好理解，但你想过没有，你以前什么就是你你好像你在这个市，你在市场上随便买一个键盘是吧，然后好像拿到家放到你电脑上都能用是吧，不管这个键盘是哪个厂家生产的，不管这个键盘的这个什么，这个键的这个结构布局是什么样子的。好像放在你电脑上面都可以使用。哪怕回车键不管放在左边还是右边，不管上边还是下边，你不管按哪个键，好像电脑都知道你按的哪个键。你想过没？你想过没想过为啥？电脑它怎么这么智能啊，我买一个任何一个键盘插到电脑上，按哪个键电脑都知道他为啥。

对，就是因为什么键盘上每一个键都有编码，固定的编码。你不管键盘的布局什么样子的，你不管把那个键放到哪个地方，它的编码不变，你按哪个键，这个编码就发到电脑上了，电脑就知道你按的哪个键了，知道吧，每一个键都有个编码，知道吧，诶那你说老师这编码谁定的谁定的。对一些标准化组织是吧，他们定好的这些所有的这些硬件厂商按照那个标准去生产，你要老是万一有一个一万一有个厂家他不按那个标准生产的嘛，买不可能是这没人买你生产，你白生产，再买过去之后在电脑上不能用，是谁买你的，所以他们都是按照标准，就是按照标准来用生产，所以是吧，每一个键都有电码知吧，因为你不信的话，你可以谈一下知吗？每个键都有编码，是你看啊。

这样的话，你看我们这个启动一下，你看你只要是光标在这个什么页面上，你只要是光标在这个什么，在这个窗口上面，不管按哪一个键，都会处罚正常数，都会弹那个编码，你看啊，这你看啊。哦。看可以了，你看啊，大家看我这随便按一个键啊，按一个一看吗？一一这个键的编码就四十九二。50看吗？一个一个变三五十一，那按照A你看呢。对，65B、66C、67还有编吗？知道你按个空格，空格32，你按个回车，你看看他看得13。所以那我这个地方就判断这个QKQ的是不是13，是13发请求不是13不管啊，那看看是不是13，那就什么判断等不等于13是谁啊对双等号，如果等于13是吗？发送请求就行了，如果不是不是13不不管了，他爱怎么输怎么输是吧？那下边发请求如何向后台发请求呢？

那那有的时候那发起不就这个代码吗？把它拷过去。拷过去可不可以啊，对，也可以也可以，但是要不符合我们这编程的这种规则就什么同样的代码写多份，这是程序员最忌讳的事，对，改的话不好改了，那咋办？对对，可以把它封装起来是吧，封装一个函数，谁需要谁调，这样可以吧。可以这样可以知道吧。好，这是我们要知那分，假如我也不想分成函数怎么办？

对他这样了，咱们前面已经做了给这个什么，咱们前面已经给这个登录按钮是不是加上单击事件了，也就说当这个按钮上面一旦发生单击事件，是不是我们已经做好了，已经向后的发警流了。我可不可以在这对让这个登录按钮发生一次单击事件？对，模拟发生一次单击事件，知道吗？就用代码单击一下那个什么，换句话就说用代码单击一下那个什么按钮，这样就行了，哪用代码单击按钮怎么怎么单击啊。对，你要单击什么，首先拿到那个什么，拿那个那一个元素的解块的对象叫，然后呢，调调视角函数知吗掉就行。这样的话就单击了，是哎，怎么单击了，当我们以前给大家讲试件函数的时候，老师是不是给他讲过两种用法，哪两种用法，第一个传参数，这里边参数本身是个函数，表示什么？对，给它传参数，传参数的时候就我们下边这个。

对，给指定的元素绑定这种事件。当这种指定的元素上发生这种事件，自动执行函数是不是这个意思啊，这是一种方式，这是一种用法，再一个如果不给他传参数表示什么。对，在指定的元素上面模拟发生一次这种事情，明白这意思吧，知道，所以但我们这个地，但你学完之后别忘了，现在我们就是收获的时候了，知道吧，呃，你别忘了这些，知道吗？然后呢，这是解宽位的事件函数，事件函数的用法用法两种用法，第一种用法选择器。你想你你想给哪个元素，知道吧，只操作哪个元素，选中那个元素通过什么，通过选择器，当然这个选择器是大家以前学的任何一种选择器都行，我们通常用ID选择器，当然还有什么标签选择器，还有什么父子选择器等等组合选择是不是都可以啊，这些是吧，总之你要选中哪些元素，然后执行视角函数，视角函数有很多种，我就以单击事项为例了，叫视角函数，知道吧，这个种这个这么大家用的最多的，里边给它传输参数，这个参数本身是个函数。

然后呢，这个函数里边可以写我们的代码，可以写我们的代码，这种用法表示这种用法，然后我们这个通常时候，我们这个地方把它这样，诶这个通常是这样，在这里边写我们的GS代码，写代码这种方式，它的用法表示表示给指定的元素。添加视角，添加指定的视角，咱们这个就是单机视角了，你加别的视角也行，这是大家用的最多的，它还有一种用法就是这样选择器，然后呢，视件函数里边不传参数表示在指定的然元素上模拟，那么模拟发生一次一次，然后呢，指定了视角就张吗。

所以那个我们这个地方就是在这个登录按钮上面发生一次单机单击事件，那我们由于加上事件了，就我们由于已经给它加上事件了，单击事件了，所以它就会处罚这个什么函数了，处罚这个函数就像后台发进去了。所以大家这是我们说的这种方式，这样就可以，这样最简洁了，不用封装函数啊，当然你封装函数也行了，封装函数之后在这个地方调一下函数就行了。好，这时候我们知道，那下边呢，我们启动服务，大家可以测一测，这是回车登录就可以了，知道吗。

我们说每写一行代码，大家都都要理解原因，你说。你要不理解的话，这些语法你光背没用，以后还是不会用啊。跟没学一样，你光会背语法跟没学一样啊。好，下边单你看这个地方，待我不输的话，1111这个一这个一按回一按回车在那也能登录，什么也做表单验证知给你点登录按钮是一样的。因I1按回车，它就模拟发生了一次单击事件吗？跟你自己的点是效果完全一样，知道吗？那输入了，输入输错了，你看输错了知道吗？然后呢，一回车来看我。是吧，跟你点的是一样的，那如果是输入对的你个张三，然后呢，这个地方来走YF1231回车来整也能够登录成功是吧，是所以这是我们说到这种这个需求，我们就给他说这好，这样的话呢，我们这些整个这个需求还有一个地方没做，就这个。

记录密码一会儿做这个好，下边大家休息会儿休息，我们休息一会儿，我们来看看这个记录密码怎么去做好，大家休息会儿。