用JS实现键盘点击事件的获取（例如Ctrl Shift实现某一事件）

最新推荐文章于 2024-03-17 17:15:54 发布

年少遗梦oo

最新推荐文章于 2024-03-17 17:15:54 发布

阅读量1.4k

点赞数 1

分类专栏： Java，JS 文章标签： JS 键盘点击

本文链接：https://blog.csdn.net/Ace_2/article/details/102726712

版权

Java，JS 专栏收录该内容

9 篇文章 4 订阅

订阅专栏

直接看代码和演示效果，代码浅显易懂

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<h1>这是标题</h1>

<p id="xx">键盘Ctrl+Shift 变颜色</p>

</body>
<script>
    window.onload = function() {  
    //获取键盘事件
    var oHtml = document.getElementsByTagName("html")[0];  
    oHtml.onkeydown = function(ev) {  
        var e=ev||event;  
        var ctrlKey = e.ctrlKey || e.metaKey; 
        if(ctrlKey && e.keyCode == 16) { 
            alert("来咯来咯"); 
            $("#xx").css({"color":"red"});
        }  
    }  
} 
</script>
</html>

效果：

键盘点击前：

点击后：1.

--------------------------------------------

欢迎关注公众号“编程江湖”，可以领取Java、Python、微信小程序等相关学习资料和项目源码，还能查看技术文章。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

年少遗梦oo

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用JS实现键盘点击事件的获取（例如Ctrl Shift实现某一事件）

直接看代码和演示效果，代码浅显易懂<!DOCTYPE html><html><head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body><h1&gt...
复制链接

扫一扫