-键盘事件-keyup\keydown\keypress（屏蔽部分功能键）/-右键事件- e.preventDefault()

喵帕斯_喵太

于 2021-04-30 14:43:12 发布

阅读量764

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/miaopasi_poi/article/details/116303225

版权

javascript 专栏收录该内容

58 篇文章 2 订阅

订阅专栏

01-键盘事件-`keyup\keydown\keypress（屏蔽部分功能键）`

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text" name=""><button></button>
    <script>
        // 键盘事件：keyup\keydown\keypress（屏蔽部分功能键）

        // 一般：键盘事件用于特定的内容
        // 用户输入、回退、回车（用于检索，代替点击搜索按钮）
        // 如果是游戏：一般都是自定义，qwer

        // 空页面操作：window、document加
        document.onkeydown = function (e) {
            // console.log(1)

            // 事件对象中保存了用户按键的信息
            // console.log(e)

            /*
                key：按键的字面信息
                keyCode：按键对应的ASCII码数字值
                witch/charCode：都和keyCode一样（兼容性问题）
                charCode是专门给keypress事件用的

                keydown\up：都大写 a==> 65
                keypress：小写 a ==> 97
            */
            // console.log(e.key, e.keyCode)

            // 做一个打印机
            let k = e.keyCode
            if (k >= 48 && k <= 57 || k >= 65 && k <= 90 || k == 188 || k == 190) {
                document.body.innerHTML += e.key
            } else if (k == 32) {
                document.body.innerHTML += '&nbsp;'
            } else if (k == 8) {
                let str = document.body.innerHTML
                document.body.innerHTML = str.slice(0, str.length - 1)
            } else if (k == 13) {
                document.body.innerHTML += '<br>'
            }
        }

    </script>
</body>

</html>

02-右键事件-阻止默认事件-`e.preventDefault()`

<body>
    百度百科文档
    你确定要试试吗？
    <script>
        // 右键事件：整个页面可用：document||window.oncontextmenu
        // document.oncontextmenu = function (e) {
        //     console.log(1)

        //     // 如果存在右键事件：目的就是不希望触发默认的右键事件：e.preventDefault()
        //     e.preventDefault()
        // }

        // 防止白嫖
        document.oncopy = function (e) {
            console.log('你开始在白票了')

            // 阻止默认事件
            e.preventDefault()
        }
    </script>
</body>

喵帕斯_喵太

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
-键盘事件-keyup\keydown\keypress（屏蔽部分功能键）/-右键事件- e.preventDefault()

01-键盘事件-keyup\keydown\keypress（屏蔽部分功能键）<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
复制链接

扫一扫