用JS實現鍵盤點擊事件的獲取(例如Ctrl Shift實現某一事件)

直接看代碼和演示效果,代碼淺顯易懂

<!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.

2.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章