开发者社区> 问答> 正文

JavaScript怎样实现咋键盘上按下不同的键,页面上不同的div调用同一个css样式

screenshot这是页面上的一个虚拟键盘,我想实现的是当我在电脑的键盘上按键后,虚拟键盘上的相对应的键会有不同的显示效果(调用一个css)(虚拟键盘上的每一个小键都是一个图片),就是当我按下不同的按键,页面上相对的键所在的div就会调用同一个css

展开
收起
小旋风柴进 2016-06-02 09:34:49 2236 0
1 条回答
写回答
取消 提交回答
  • 虚拟键盘上的每个控件都增加keycode属性,然后document.onkeydown获取时间的keycode属性后获取控件添加个样式,过100ms再移除什么的

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
    <style>
        .focus{background:#f00}
    </style>
    <div id="dvKB">
        <input type="button" value="ESC" kc="27" /> <input type="button" value="A" kc="65" /> <input type="button" value="B" kc="66" /> <input type="button" value="C" kc="67" />
    </div>
    <script>
        $(document).keydown(function (e) {
            var o = $('#dvKB input[kc=' + e.keyCode + ']');
            if (o.length) {
                o.addClass('focus');
                setTimeout(function () {o.removeClass('focus') }, 100);
            }
        })
    2019-07-17 19:23:59
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载