jquery中怎么添加键盘事件?
发布网友
发布时间：2022-04-23 02:19
共3个回答
热心网友
时间：2022-05-13 13:39
<html>
<head><title></title></head>
<body>
按一下键盘试试
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// 当页面执行 onkeydown 事件（键盘点击事件）的时候，执行方法 function(e){}
$(document).keydown(function(e){
// 这个判断是为了兼容所有浏览器，使 e 能被所有浏览器所解析
if(!e) var e = window.event;
// 这里就是要执行的方法体，其中 e 就是键盘对象
// 其中 e.keyCode（Code中C一定要大写） 就是按下的键的键值
alert("键盘按键的 keycode 是 " + e.keyCode);
})
</script>
热心网友
时间：2022-05-13 14:57
$(function () {
$(document).keydown(function (event) {
//判断当event.keyCode 为37时（即左方面键）
//判断当event.keyCode 为39时（即右方面键）
//判断当event.keyCode 为38时（即上方面键）
//判断当event.keyCode 为40时（即下方面键）
var l = parseInt($(".class1").css("margin-left"));
var t = parseInt($(".class1").css("margin-top"));
if (event.keyCode == 37) {
$(".class1").css("margin-left", l-50+"px");
} else if (event.keyCode == 39) {
$(".class1").css("margin-left", l+50+"px");
} else if (event.keyCode == 38) {
$(".class1").css("margin-top", t-50+"px");
} else if (event.keyCode == 40) {
$(".class1").css("margin-top", t+50+"px");
}
});
});
</script>
热心网友
时间：2022-05-13 16:32
1、键位值：http://www.cnblogs.com/Zjmainstay/archive/2012/07/11/html_getMouseKeyCode.html
2、左右键移动li：http://www.cnblogs.com/Zjmainstay/archive/2012/08/13/jQuery_keydown_li_select.html
追问大神、我看了一下你发的两个连接、真心看不明白。你能给我举个例子行不。哪怕最简单的也行。、我就想看到效果
追答发给你的就有例子啊。后面那个可以运行的
