养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Jquery如何获取按键值

时间:2024-10-21 09:39:02

在编写前端代码的时候,你肯定遇到过这样的一种情况,用户输入完账号密码按回车键就会直膜膏匆煦接登录。这种就是通过监听按键事件来实现的,下面小编给大家分享Jquery如何获取按键值。

工具/原料

VisualStudio2017

方法/步骤

1、首先我们建立一稍僚敉视个MVC的项目来帮助我们演示我们的分享案例,项目建好后如下图所示,我们要在Index.cshtml里书写代码。

Jquery如何获取按键值

2、打开Index.cshtml,写入下图的代码,一个form表单,让用户输入用户名密码。

Jquery如何获取按键值

3、接下来实现按钮的方法,当按钮获得焦点后,我们按下enter键,我们来打印一下event.which这个值,如下图所示:

Jquery如何获取按键值

4、你会发现打印的值永远都是1,这和我们预期的效果是不一样的,因为我们知道回车键的值是13

Jquery如何获取按键值

5、接下来我们修改一下代码,将Button的onclick事件换成onkeydown事件,如下图所示:

Jquery如何获取按键值

6、然后我们运行程序,这回你发现当你按回车的时候,你打印的值是13了,如下图所示:

Jquery如何获取按键值

7、最后小编给大家提供一下一些event的which值,你监听任何的事件必须知道值,如下图所示:

Jquery如何获取按键值

© 一点知识