html按键变色,按键变色.html |
您所在的位置:网站首页 › 按键变色 › html按键变色,按键变色.html |
.wrap { width: 400px; height: 400px; margin: 100px auto 0; } .wrap h1 { text-align: center; } .wrap div { width: 400px; height: 300px; background: pink; font-size: 30px; text-align: center; line-height: 300px; } 按键改变颜色keyCode为: 80 //在页面上按键,是哪个颜色的手写字母就改变改颜色,然后span内容赋值 var oDiv=$("#bgChange"); var oSpan=$("#keyCodeSpan"); $(document).keyup(function(ev){ ev=ev||event; switch(ev.keyCode){ case 80:oDiv.css("background-color","pink");break; case 66:oDiv.css("background-color","blue");break; case 79:oDiv.css("background-color","orange");break; case 89:oDiv.css("background-color","yellow");break; case 82:oDiv.css("background-color","red");break; default: alert("系统没有设置该颜色!"); } oSpan.text(ev.keyCode); }); 一键复制 编辑 Web IDE 原始数据 按行查看 历史 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |