首页 >web前端 >js教程 >如何确定 jQuery 按键事件中按下的键?

如何确定 jQuery 按键事件中按下的键?

Patricia Arquette
Patricia Arquette原创
2024-12-09 11:07:07533浏览

How Can I Determine the Pressed Key in a jQuery Keypress Event?

在 jQuery 按键事件中判断按下的按键

在 jQuery 中绑定按键事件时,有两个属性可以用来标识按下的按键: keyCode和which。

使用keyCode 和which

你可以找出哪个键使用 keyCode 或事件对象的 which 属性按下。

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    //Do something
  }
});

浏览器支持的变化

某些浏览器同时提供 keyCode 和 which,而其他浏览器可能只提供一个。一般来说,较新的浏览器首选这种方式,而较旧的浏览器则支持 keyCode。

按 ENTER 键提交

要在按下 ENTER 键时触发提交,可以使用以下代码:

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) {
    $(this).closest('form').submit();
  }
});

以上是如何确定 jQuery 按键事件中按下的键?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn