title: "event" is deprecated, what should be used instead?
body: <p>I'm using a found code where "event" is used. It works, but I would like to know what should be used instead.</p>
  
  <p>I'm a novice programmer and there are a concepts that I'm missing. in this case, I'm using a code I found in the web, that can be found in the next link:
  <a href="https://codepen.io/galulex/pen/eNZRVq" rel="noreferrer">https://codepen.io/galulex/pen/eNZRVq</a></p>
  
  <p>PhpStorm shows me that "event" on onmousemove="zoom(event)" is deprecated. I have tried erasing it but it does not work that way. I would like to know what should I use instead of event.</p>
  
  <pre><code>&lt;figure class="zoom" onmousemove="zoom(event)" style="background-image: url(//res.cloudinary.com/active-bridge/image/upload/slide1.jpg)"&gt;
    &lt;img src="//res.cloudinary.com/active-bridge/image/upload/slide1.jpg" /&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <pre><code>function zoom(e){
    var zoomer = e.currentTarget;
    e.offsetX ? offsetX = e.offsetX : offsetX = e.touches[0].pageX
    e.offsetY ? offsetY = e.offsetY : offsetX = e.touches[0].pageX
    x = offsetX/zoomer.offsetWidth*100
    y = offsetY/zoomer.offsetHeight*100
    zoomer.style.backgroundPosition = x + '% ' + y + '%';
  }
  </code></pre>