防作弊-页面失焦与禁键

最新推荐文章于 2023-09-13 12:18:36 发布

33的史努比

最新推荐文章于 2023-09-13 12:18:36 发布

阅读量224

点赞数

分类专栏： React学习复盘文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/coising/article/details/127925842

版权

React学习复盘专栏收录该内容

17 篇文章 0 订阅

订阅专栏

监听页面失焦，禁右键及Ctrl键

监听页面失焦代码：

  useEffect(() => {
    window.addEventListener('visibilitychange', function () {
      if (document.hidden) {
        // 失去焦点
        notification.open({
          message: '',
          description: '请勿切换屏幕！',
        })
      }
    })
  }, [])

禁右键及Ctrl键代码：

  // 禁用右键菜单，键盘按键
  document.oncontextmenu = function () {
    return false
  }
  document.onkeydown = function (e) {
    if (e.ctrlKey) {
      return false
    }
  }