無法觸發自制的Event.prototype

Question

我有這個原型功能 - >

Event.prototype.eventPreventDefault = function () {
    this.preventDefault ? this.preventDefault() : this.returnValue = false;
}

我通過這樣做來調用代碼 - >

$element.click(function (evt) {
        evt.eventPreventDefault();
}

但我明白了

未捕獲的TypeError：undefined不是函數

我做錯了什么？ 謝謝！

Answer 1

由jQuery創建的事件對象（並傳遞給事件處理程序）不是本機事件的子項（ “首選組合而不是繼承”原則 ）。 他們有自己的一組方法 （在jQuery.Event.prototype上jQuery.Event.prototype ）：

jQuery.Event.prototype = {
    constructor: jQuery.Event,
    isDefaultPrevented: returnFalse,
    isPropagationStopped: returnFalse,
    isImmediatePropagationStopped: returnFalse,

    preventDefault: function() {
        var e = this.originalEvent;

        this.isDefaultPrevented = returnTrue;

        if ( e && e.preventDefault ) {
            e.preventDefault();
        }
    },
    stopPropagation: function() {
        var e = this.originalEvent;

        this.isPropagationStopped = returnTrue;

        if ( e && e.stopPropagation ) {
            e.stopPropagation();
        }
    },
    // ... and so on.
};

如您所見，這些方法通常調用原始Event的同名方法（存儲在jQuery.Event實例的originalEvent屬性中）。 關鍵是， jQuery.Event在其繼承鏈中沒有Event.prototype ，因此對后者的任何修改都注定對前者沒有影響。

底線：擴展傳遞給jQuery事件處理程序的事件，擴展jQuery.Event.prototype而不是Event.prototype 。