Angular 4：window：滚动工作但不在图像上滚动监听器

Question

我是一个新的蜜蜂，正在尝试开发小应用程序，它允许使用图像上的鼠标滚动进行缩放。

<img  (window:scroll)="onScroll($event) .....></img>

上面的代码工作正常，但问题是它检测到整个文档的滚动。

所以我尝试使用(scroll)="onScroll($event)"但它没有用。

我正在使用Angular JS 4 Framework。

你能解释一下，为什么它不起作用以及实现我的目的的方法？

Answer 1

没有Angular JS 4这样的东西。 它是AngularJS或Angular（2,4,5 ......）。

无论如何，您应该在onScroll事件处理程序中停止事件冒泡，如下所示：

onScroll(event) {
    event.stopPropagation();
    // event.stopImmediatePropagation();
    // event.preventDefatult();
}

您应该阅读这个主题，以下是基础知识：

https://javascript.info/bubbling-and-capturing