正文
jquery键盘,jquery键盘监听事件
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jQuery键盘事件中event.keyCode==13相当于按下了那个键
当用户按下enter键时触发from提交，而不只是点击提交按钮才提交！这样更友好。 13表示enter按键的keyCode编码
jquery的键盘事件分为keypress、keydown和keyup事件
一、键盘事件
1、keypress()事件
keypress当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。
2、keydown()事件
当按钮被按下时，发生 keydown 事件（多用于游戏开发，比如一直按空格键进行攻击）。
3、keyup事件
keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件
二、通过键盘事件可以进行相应操作
$(document).ready(function() {
//释放按键时
$(document).keyup(function(event){
if(event.keyCode=="13"){ //13表示回车键的代码
alert("释放按键");
}
})
//按下按键时
$(document).keydown(function(event){
if(event.keyCode=="13"){
alert("按下按键");
}
})
//输入字符时
$(document).keypress(function(event){
if(event.keyCode=="13"){
alert("输入字符");
}
})
//获取键盘的 键码值 方法（如果不知道某个键对应的 键码值，可用这个方法，在键盘上按该键，就会弹出对应的值 ）
$(document).keyup(function(event){
alert(event.keyCode);
})
});
相关问答
Q1: 如何用js或jquery实现点击事件触发键盘
当按钮被按下时，发生 keydown 事件。
keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件时运行的函数。
语法
$(selector).keydown(function)
例如：
$(document).keydown(function(event){
alert(event.keyCode);//弹出按键的对应值
});
Q2: jQuery通过键盘上下左右键，移动层
只走一步是因为移动一次后没有对x进行处理，所以点第二次的时候 x的值不变，x-10也不变，所以就不动了
html
head
titledemo/title
style type="text/css"
.active
{
border: 1px solid red;
}
/style
script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"/script
script type="text/javascript"
var x = 0;//水平方向位移
var y = 0;//垂直方向位移
$(document).keydown(function (event) {
switch (event.which) {
case 37: y = y - 10; $("#person").css("left", y + "px"); break;
case 38: x = x - 10; $("#person").css("top", x + "px"); break;
case 39: y = y + 10; $("#person").css("left", y + "px"); break;
case 40: x = x + 10; $("#person").css("top", x + "px"); break;
default: break;
}
});
/script
/head
body
div id="person" class="active" style="position: absolute; width: 50px; height: 50px;" /
/body
/html
Q3: jquery 模拟键盘按下
function AHrefClick (){
var e = jQuery.Event("keydown");//模拟一个键盘事件
e.keyCode = 13;//keyCode=13是回车
$("#id").trigger(e);//模拟按下回车
}
要模拟键盘事件，首先要在需要模拟的元素上绑定事件才能模拟。比如先：
$(".div").on("keydown","input",function(){
alert("ABC");
});
然后再执行：
var e = jQuery.Event("keydown");//模拟一个键盘事件
e.keyCode = 13;//keyCode=13是回车
$(".div input").trigger(e);//模拟按下回车
Q4: jquery 敲击键盘事件
最快捷的修改办法：
$(document).ready(function(){
var p = $("#p").click(function(){
$(this).hide();
});
});
//此处是需要绑定esc事件的代码，当esc按下时触发hide方法
$(document).bind('keydown', 'esc',function (evt){
//关闭层代码
$(this).hide();
return false;
});
