dom - js事件绑定快捷键

最新推荐文章于 2023-08-04 10:46:43 发布

笑望灬星辰

最新推荐文章于 2023-08-04 10:46:43 发布

阅读量1.6k

点赞数

文章标签： javascript html html5 前端 dom操作

本文链接：https://blog.csdn.net/hu1628299958/article/details/109410075

版权

DOM 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

直接上代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快捷键</title>
</head>

<body>
    <div id="div1">快捷键1</div>
    <script>
        // document.onkeydown  = test();  加了括号就相当于一初始化就执行了  错误
        // 快捷键.html:14 Uncaught TypeError: Cannot read property 'keyCode' of undefined
        document.onkeydown = test1;
        function test(event) {
            // 当然还要组织浏览器的默认事件
            event.preventDefault();
            var key = event.keyCode || event.which
            if (key == 13) {
                alert("你按的是回车键")
            }
        }

        // 组合写法 
        function test1(event) {
            // 当然还要组织浏览器的默认事件
            event.preventDefault();
            var key = event.keyCode || event.which
            var ctrlKey = event.ctrlKey || event.metaKey;
            if (ctrlKey && key == 49) {
                alert('你按了组合键: ctrl + 1' );
            }
        }
    </script>
</body>
</html>

在这里插入图片描述

笑望灬星辰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dom - js事件绑定快捷键

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>快捷键</title></head><body> <div id
复制链接

扫一扫