jquery怎么编写页面？

Question

使用jQuery编写以下页面: 页面具有一个div元素,宽度为50%、高200px，具有1px、类型为实线、颜色为#CCC的边框。 编写jQuery脚本,要求监听按键按下事件： 当按下的按键为ctrl + alt + r 时,div背景色为红色； 当按下的按键为ctrl + alt + g 时,div背景色为绿色； 当按下的按键为ctrl + alt + y 时,div背景色为黄色； 当按下的按键为ctrl + alt + b 时,div背景色为黑色；

Answer 1

帮助到你能点个采纳吗，谢谢~~

<div style="width:50%;height:200px;border:solid 1px #ccc"></div>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    var color = { 82: 'red', 71:'green',89:'yellow',66:'black'}
    $(document).keydown(function (e) {
        if (e.ctrlKey && e.altKey && color[e.keyCode]) {
            $('div').css('background-color', color[e.keyCode]);
        }
    })
</script>