Jquery的 keydown() 事件可以设定某个按键触发吗，比如我按下A键，BOX变红，按下B键，BOX变绿
<divclass="mainbox"style="background-color:#0066FF;height:255px;width:255px;">mainbox...
<div class="mainbox" style="background-color:#0066FF; height:255px; width:255px;">mainbox </div>
<script src="http://www.duowan.com/public/assets/sys/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").keydown(function(){
$(".mainbox").css("background-color","#FFFFCC");
});
$("body").keyup(function(){
$(".mainbox").css("background-color","#D6D6FF");
});
});
</script>
按下A键，BOX变红，按下B键，BOX变绿 。。这个可以实现吗。 展开
<script src="http://www.duowan.com/public/assets/sys/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").keydown(function(){
$(".mainbox").css("background-color","#FFFFCC");
});
$("body").keyup(function(){
$(".mainbox").css("background-color","#D6D6FF");
});
});
</script>
按下A键，BOX变红，按下B键，BOX变绿 。。这个可以实现吗。 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (document).ready (function ()
{
var div = $("div.mainbox");
$ (this).keydown (function (e)
{
var keyCode = e.keyCode;
if (keyCode == 65)
{
div.css ('backgroundColor', 'red');
}
else if (keyCode == 66)
{
div.css ('backgroundColor', 'green');
}
return false;
});
});
</script>
</head>
<body>
<div class="mainbox" style="background-color: #0066FF; height: 255px; width: 255px;">mainbox</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
