美文网首页
vue中禁止浏览器刷新和鼠标右键事件

vue中禁止浏览器刷新和鼠标右键事件

作者: Binary_r | 来源:发表于2020-09-17 14:48 被阅读0次
    created() {
        this.stopF5Refresh();
      },
    
    stopF5Refresh() {
          document.onkeydown = function(e) {
            var evt = window.event || e;
            var code = evt.keyCode || evt.which;
            //屏蔽F1---F12
            if (code > 111 && code < 124) {
              if (evt.preventDefault) {
                evt.preventDefault();
              } else {
                evt.keyCode = 0;
                evt.returnValue = false;
              }
            }
          };
          //禁止鼠标右键菜单
          document.oncontextmenu = function(e) {
            return false;
          };
          //阻止后退的所有动作,包括 键盘、鼠标手势等产生的后退动作。
          history.pushState(null, null, window.location.href);
          window.addEventListener("popstate", function() {
            history.pushState(null, null, window.location.href);
          });
        },
    

    相关文章

      网友评论

          本文标题:vue中禁止浏览器刷新和鼠标右键事件

          本文链接:https://www.haomeiwen.com/subject/wovlyktx.html