在编写前端代码的时候,你肯定遇到过这样的一种情况,用户输入完账号密码按回车键就会直膜膏匆煦接登录。这种就是通过监听按键事件来实现的,下面小编给大家分享Jquery如何获取按键值。
工具/原料
VisualStudio2017
方法/步骤
1、首先我们建立一稍僚敉视个MVC的项目来帮助我们演示我们的分享案例,项目建好后如下图所示,我们要在Index.cshtml里书写代码。
2、打开Index.cshtml,写入下图的代码,一个form表单,让用户输入用户名密码。
3、接下来实现按钮的方法,当按钮获得焦点后,我们按下enter键,我们来打印一下event.which这个值,如下图所示:
4、你会发现打印的值永远都是1,这和我们预期的效果是不一样的,因为我们知道回车键的值是13
5、接下来我们修改一下代码,将Button的onclick事件换成onkeydown事件,如下图所示:
6、然后我们运行程序,这回你发现当你按回车的时候,你打印的值是13了,如下图所示:
7、最后小编给大家提供一下一些event的which值,你监听任何的事件必须知道值,如下图所示: