在 addEventListener 中传递参数

Question

我正在开发一个 Firefox 扩展，我正在尝试将参数传递给 addEventListener。我正在“监听”页面标题的变化，我的代码如下所示：

function Test()
{
    this.checkTitle = function( event )
    {
        var func = function() { this.onTitleChange ( event ); };
        var target = content.document.getElementsByTagName('TITLE')[0];
        target.addEventListener('DOMSubtreeModified', func, false);
    }

    this.onTitleChange = function( e )
    {
        // do stuff with e
        alert('test');
    }

    this.handleEvent = function (event)
    {
        switch (event.type)
        {
            case "DOMContentLoaded":
            {
                this.checkTitle( event );
            }
        }
    }

    window.addEventListener ("DOMContentLoaded", this, false);
}

如果我使用 func = function() { alert(event); ，我永远不会收到“测试”警报};它确实显示带有“[object Event]”的警报。也尝试过不使用它。在 func 上，但仍然无法正常工作。

如何使这项工作能够将 checkTitle 参数“事件”访问到 onTitleChange？

Answer 1

当浏览器调用事件处理程序时，this 将引用元素，而不是您的实例。

您需要将所需this 的副本保存在单独的变量中：

var self = this;

var func = function(e) { self.onTitleChange (e); };
var target = content.document.getElementsByTagName('TITLE')[0];
target.addEventListener('DOMSubtreeModified', func, false);