1. 程式人生 > 實用技巧 >js設定頁面快捷鍵

js設定頁面快捷鍵

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>禁用瀏覽器CTRL+S預設事件</title>
    </head>
    <body>
        <script>
            // 監聽鍵盤按下事件
            document.onkeydown = function() {
                // 判斷 Ctrl+S
                if
(event.ctrlKey == true && event.keyCode == 83) { console.log('Ctrl + s'); // 或者 return false; event.preventDefault();//取消預設行為 } } </script> </body> </html>

解析說明:在鍵盤點選事件資訊中,輸出event可以看出,有上面這三個屬性值,據觀察,當我們按下(不鬆開)這些屬性再按其它比如字母屬性時,字母的event資訊中,前一次按下的ctrl或shift或alt對應的key為true。

感謝:https://neusncp.com/user/blog?id=274