javascript - 停止监听或删除 Image() 对象 onload 事件的事件

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我制作了一 block Canvas ，可以将许多小图像拼接成一个大图像。

我编写它来监听一个事件，该事件是加载的单个图像对象，然后将其绘制到 Canvas 中，加载下一个图像后将再次触发该事件，它将按用户指定的数字停止此递归。

那么当用户指定的数字达到后，我想停止监听我的图像对象的“load”事件，如何让我的图像对象(即“img”)停止监听“load”事件？

//在这里调试

网页:https://dl.dropbox.com/u/2321732/stitch_images/index.html

Javascript:https://dl.dropbox.com/u/2321732/stitch_images/script/main.js

//方便编辑

JSBin:http://jsbin.com/acakif/1/

注意:我如何知道事件仍在进行

1.转到Web检查器，JavaScript控制台

2. img.src = "https://dl.dropbox.com/u/2321732/stitch_images/images/0_3.jpg"

3. 它不应该记录“某些内容已加载”

Answer 1

在你的代码中我看到:

img.addEventListener("load",drawStitch,true);

但是您可以像这样删除监听器:

img.removeEventListener("load",drawStitch);

简单地说，如果您想删除监听器，您必须将传递给 addEventListener 的所有参数传递给 removeEventListener。

所以在你的例子中是这样的:

img.removeEventListener("load",drawStitch,true);

我已经在 Firefox/Firebug 中对其进行了测试，步骤 2 不再触发该事件:)