Prevent zoom in webpage like figma,

I am working on a drag and drop app and i need to prevent users from zooming in and out of the web page ive treid things like

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

alse tried

 document.addEventListener("wheel", zoomShortcut); //add the event

  function zoomShortcut(e) {
    console.log(e);

    e.preventDefault(); //prevent zoom


  }

they all dont work.