IE8中的JavaScript事件原型

Question

我正在尝试向Event原型添加方法。为了调用/设置preventDefault()，或在IE中讲returnValue = false和-如果需要，请讲stopPropagation() / cancelBubble = true;。我以为下面的代码就足够了。

Event = Event || window.Event;
//^^ makes the fiddle work on IE8 ^^
if(!(Event.prototype.stopEvent))
{
    Event.prototype.stopEvent = function(propagate)
    {
        "use strict";
        propagate = (propagate ? true : false);
        if (this.preventDefault)
        {
            this.preventDefault();
            if (propagate === false)
            {
                this.stopPropagation();
            }
        }
        else
        {
            this.returnValue = false;
            this.cancelBubble = !propagate;
        }
        return this;
    };
}

似乎有效，as you can see here。这个小提琴在IE8，Firefox和Chrome中显示OK。但是，当我将其添加到脚本中时，IE8在第一行中断，并说'Event is undefined'。省略"use strict";完全没有区别。

很不情愿，我也尝试过：

if (typeof Event === 'undefined')
{
    var Event = window.Event || window.event;//FFS IE :-(
}

但无济于事：Error: 'Event.prototype' is null or not an object，所以我又得到了1行。问题是，整个原型方法都是脚本中的复制粘贴，但是我在这里忽略了什么？有任何想法/建议吗？谢谢

PS：我喜欢Pure javascript，所以请不要建议使用jQuery，prototypejs，dojo等作为解决方案。我刚刚摆脱了jQuery。（我喜欢jQuery，但在这种情况下不需要它）

更新

恐怕情况已经恶化。我找到了this MSDN reference。整个页面涉及DOM Element原型。可以公平地说，它们在IE8中可用（在某种程度上）。在此页面上，此代码引起了我的注意：

Event.prototype.stopPropagation = function ()
{
  this.cancelBubble = true;
};
Event.prototype.preventDefault = function ()
{
  this.returnValue = false;
};

可以在标题为"Powerful Scenarios"的部分中找到页面的约3/4分之三。在我看来，这与我想做的事情完全相同，但更重要的是：如果我通过jsfiddle尝试此代码，它甚至都无法工作，而我的jsfiddle（带有我的代码）确实可以在IE8上工作。这只是代码片段的最后几行，但是据我所知，这几行代码应该可以正常工作。我对它们进行了如下更改：

Event.prototype.stopPropagation = function ()
{
    if (this.stopPropagation)
    {
        return this.stopPropagation();
    }
    this.cancelBubble = true;
};
Event.prototype.preventDefault = function ()
{
    if (this.preventDefault)
    {
        return this.preventDefault();
    }
    this.returnValue = false;
};

Answer 1

另一答案