Question

我有几个html页面，我想将eventListener添加到一个html页面。

document.addEventListener('scroll', function(e){    
// along the scroll, the img's opacity changes.
});

在该html页面中，如果我滚动页面，整页img的opcacity会发生变化。

问题是这个监听器也会在其他页面中触发，

如何仅将此侦听器添加到一个页面？

Answer 1

您可以使用window.location然后附加事件处理程序

if(window.location.href === 'YOUR_URL') {
  document.addEventListener('scroll', function(e){    
    //your code
  });
}

或者您可以在id上附加一些body并检查其存在。

<body id="animate-stuff">

if(document.getElementById('animate-stuff')) {
  document.addEventListener('scroll', function(e){    
    //exec your code here
  });
}

将eventListener添加到一个html页面？

1 个答案: