小编Ger*_*mán的帖子

“事件”已弃用,应该使用什么代替?

我正在使用找到的代码,其中使用了“事件”。它有效,但我想知道应该使用什么代替。

我是一名新手程序员,我缺少一些概念。在这种情况下,我使用的是我在网上找到的代码,可以在下一个链接中找到:https : //codepen.io/galulex/pen/eNZRVq

PhpStorm 向我展示了 onmousemove="zoom(event)" 上的“事件”已被弃用。我试过擦除它,但它不能那样工作。我想知道我应该使用什么来代替事件。

<figure class="zoom" onmousemove="zoom(event)" style="background-image: url(//res.cloudinary.com/active-bridge/image/upload/slide1.jpg)">
  <img src="//res.cloudinary.com/active-bridge/image/upload/slide1.jpg" />
</figure>
Run Code Online (Sandbox Code Playgroud)
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 + '%';
}
Run Code Online (Sandbox Code Playgroud)

html javascript

27
推荐指数
3
解决办法
5万
查看次数

标签 统计

html ×1

javascript ×1