jQuery keypress() 方法

jQuery 事件

keypress()方法触发keypress事件,或附加一个函数以在keypress事件发生时运行。

按键事件类似于按键事件。该事件在按下键时发生。

但是,不会为所有键(例如ALT,CTRL,SHIFT,ESC,BACKSPACE)触发keypress事件。

注意:与按键事件相关的事件顺序是:

使用event.which属性返回按下的键盘键。

语法:

触发所选元素的按键事件:

$(selector).keypress()

将功能附加到按键事件:

$(selector).keypress(function)

实例

在<input>字段中按下键时,将弹出警报:

$("input").keypress(function(){
  alert("欢迎光临菜鸟教程在线 www.cainiaoplus.com!!!");
});
测试看看‹/›

当按下键盘键时,设置<input>字段的背景色:

$("input").keypress(function(event){
  $(this).css("background-color", "yellow");
  $("span").text(event.type);
});
测试看看‹/›

确定按下了哪个键:

$("input").keypress(function(event){ 
  $("div").text("键: " + event.which);
});
测试看看‹/›

触发<input>字段的keypress事件:

$("#btn1").click(function(){
  $("input").keypress();
});
测试看看‹/›

参数值

参数描述
function每次按键事件触发时执行的功能

jQuery 事件