作为事件观察者的类

发布于 2024-08-24 06:30:19 字数 735 浏览 6 评论 0原文

我想做这样的事情...

var Color = Class.create({
    initialize: function() {
        this._color = "white";
        this.observe("evt: colorChanged", this.colorChanged.bind(this));
    },
    changeColor: function(color) {
        this._color = color;
        this.fire("evt: colorChanged");
    },
    colorChanged: function(event) {
        alert("You change my color!");
    }
});
var a = new Color().changeColor("blue");

为什么 colorChange 自定义事件永远不会被调度，而我需要使用像 这样的 DOM 元素而不是 this文档.观察？

在我的代码中，我想知道哪个类使用 event.target 调度事件，如果我必须使用 document 或其他 DOM 元素，我就无法知道。 :(

我一直在 Actionscript 3 中工作，这就是我学到的在类中处理自定义事件的方法。Javascript 怎么样？

原文

I want to do something like this...

var Color = Class.create({
    initialize: function() {
        this._color = "white";
        this.observe("evt: colorChanged", this.colorChanged.bind(this));
    },
    changeColor: function(color) {
        this._color = color;
        this.fire("evt: colorChanged");
    },
    colorChanged: function(event) {
        alert("You change my color!");
    }
});
var a = new Color().changeColor("blue");

Why the colorChange custom event will never be dispatched and I need to use, instead of this, a DOM element like document.observe?

In my code I'd like to know which class dispatches the event using event.target and I can't if I must use document or some other DOM element. :(

I've been working in Actionscript 3 and that's the methodology I learned to work with custom events in classes. What about Javascript?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

掩耳倾听 2024-08-31 06:30:19

这应该有效：

var Color = Class.create({
    initialize: function() {
        this._color = "white";
        Event.observe(document, "evt: colorChanged", this.colorChanged.bind(this));
    },
    changeColor: function(color) {
        this._color = color;
        Event.fire(document, "evt: colorChanged", this, false);
    },
    colorChanged: function(event) {
        alert("You change my color!");
    }
});
var a = new Color().changeColor("blue");

This should work:

var Color = Class.create({
    initialize: function() {
        this._color = "white";
        Event.observe(document, "evt: colorChanged", this.colorChanged.bind(this));
    },
    changeColor: function(color) {
        this._color = color;
        Event.fire(document, "evt: colorChanged", this, false);
    },
    colorChanged: function(event) {
        alert("You change my color!");
    }
});
var a = new Color().changeColor("blue");

回复收藏 0 原文

~没有更多了~