jquery:输出按下键到html

时间:2014-04-05 15:15:07

标签: jquery html browser shortcuts

我想听一个键击,然后使用jquery将按下的键输出到class = letter元素中的每个span元素中。 同时我想保留浏览器原生的键盘快捷键的基本功能,例如。 shift + cmd +]; cmd + r; ctrl + tab 等...

<div class="letter">
<span>a</span>
</div>

这个jQuery非常适合检测和输出我所追求的击键。

$(window).on("keypress", function (e) {
                var t = e.which || e.keyCode;
                if (e.which === 0 && e.keyCode > 0) return;
                    var n = String.fromCharCode(t);
                    $(".letter").find("span").html(n);

                e.preventDefault();
        });

现在我需要以某种方式排除快捷方式,但我想保留 e.preventDefault(); 行,因为它会使&#34;错误按钮&#34;声音...

1 个答案:

答案 0 :(得分:1)

也许您需要做的就是检测alt,ctrl和meta键(demo):

$(window).on("keypress", function (e) {
    var t = e.which || e.keyCode;
    if (e.which === 0 && e.keyCode > 0 || e.altKey || e.ctrlKey || e.metaKey) {
        return;
    }
    var n = String.fromCharCode(t);
    $(".letter").find("span").html(n);
    e.preventDefault();
});