JS disable browser default events

No use tab Key

_initStopTabKeycode () {
    
      window.addEventListener('keydown', event => {
    
        if (event.keyCode === 9) {
    
          event.preventDefault()
        }
      })
    }

PC End prohibit browser from zooming in and out

_initNoScroll () {
    
      const keyCodeMap = {
    
        // 91: true, // command
        61: true,
        107: true, //  The keypad  +
        109: true, //  The keypad  -
        173: true, //  firefox  -  Number 
        187: true, // +
        189: true, // -
      };
      //  Cover ctrl||command + ‘+’/‘-’
      document.onkeydown = function (event) {
    
        const e = event || window.event;
        const ctrlKey = e.ctrlKey || e.metaKey;
        if (ctrlKey && keyCodeMap[e.keyCode]) {
    
          e.preventDefault();
        } else if (e.detail) {
     // Firefox
          event.returnValue = false;
        }
      };
      //  Override mouse slide 
      document.body.addEventListener('wheel', (e) => {
    
        if (e.ctrlKey) {
    
          if (e.deltaY < 0) {
    
            e.preventDefault();
            return false;
          }
          if (e.deltaY > 0) {
    
            e.preventDefault();
            return false;
          }
        }
      }, {
     passive: false });

    }

Do not right-click the browser

window.addEventListener('contextmenu', (e) => {
    
      e.preventDefault();
    })

• You need to see how to customize the right button , You can check out my article ： How to customize the right button