Question

我正在尝试向Event原型添加一个方法。要拨打/设置preventDefault()，或在IE中说returnValue = false和-if desired- 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在第一行中断，说'事件未定义'。离开"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

我最近有（另一个）脑电波，我想我找到了一种更好的方法来增强事件原型。严格地说，Event原型在IE（＆lt; 9）中是不可访问的，但是，如果你从一个实例返回工作，我发现它是可访问的（实例：window.event）。所以这里有一个适用于所有主流浏览器的片段（和IE8 - 而不是7）：

(function()
{
        function ol(e)
        {//we have an event object
            e = e || window.event;
            if (!e.stopEvent)
            {
                if (Object && Object.getPrototypeOf)
                {//get the prototype
                    e = Object.getPrototypeOf(e);
                }
                else
                {//getting a prototype in IE8 is a bit of a faff, this expression works on most objects, though
                 //it's part of my custom .getPrototypeOf method for IE
                    e = this[e.constructor.toString().match(/(function|object)\s+([A-Z][^\s(\]]+)/)[2]].prototype;
                }
                e.stopEvent = function(bubble)
                {//augment it (e references the prototype now
                    bubble = bubble || false;
                    if (this.preventDefault)
                    {
                        this.preventDefault();
                        if (!bubble)
                        {
                            this.stopPropagation();
                        }
                        return this;
                    }
                    this.returnValue = false;
                    this.cancelBubble = !bubble;
                    return this;
                };
            }
            alert(e.stopEvent ? 'ok' : 'nok');//tested, it alerts ok
            if (this.addEventListener)
            {
                this.removeEventListener('load',ol,false);
                return;
            }
            document.attachEvent('onkeypress',function(e)
            {
                e = e || window.event;
                if (e.stopEvent)
                {//another event, each time alerts ok
                    alert('OK!');
                }
            });
            this.detachEvent('onload',ol);
        }
        if (this.addEventListener)
        {
            this.addEventListener('load',ol,false);
        }
        else
        {
            this.attachEvent('onload',ol);
        }
})();

这样，标题doctype并不重要：我使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">测试了它，它在FF，chrome和IE 8中工作，没有任何问题。使用<!DOCTYPE html>是安全的，但

希望这有助于某人...

Answer 2

其标准与Quirks模式。 JSFiddle页面有一个DOCTYPE声明，尽管是一个非常简单的声明<!DOCTYPE html>，它将渲染器踢入标准模式。有可能您的网页没有DOCTYPE，它以Quirks模式离开渲染。将这个简单的DOCTYPE添加到我从你的小提琴中构建的页面后，它对我有用。

IE8中的JavaScript事件原型

2 个答案: