如何在禁用的button元素上触发click事件(使用纯vanilla JS)?

this.show.onclick = this.sendData.bind(this);

在我的 bindEvents() 功能:

bindEvents: function() {

    var that = this;

    // On click "Show" BTN
    this.show.onclick = this.sendData.bind(this);

    // On Change inputs
    this.$form.change(function(){
        that.updateDatesInputs(this);
    });
},

sendData: function(e) {
    e.preventDefault();
    let that                = this;

    console.log(this.show.disabled);
    if (this.show.disabled) {
        alert('a disabled button has just been clicked!');
        this.showErrorDiv("Please select a new date range.");
    } else {

        $.ajax({
                    ....
            }
        });

        that.dataDisplayed = true;
}

单击我的“show”按钮元素不会激活任何单击事件。我在google上找到的只是jQuery可以修复它,但我想使用vanilla JS。

如何在禁用的元素上触发事件,以便仅使用纯JS执行警报?