Как вызвать событие нажатия на отключенном элементе кнопки (используя чистый ванильный JS)?

Question

У меня есть это событие: 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 "button" не активирует событие нажатия.Все, что я нашел в Google, это то, что jQuery может это исправить, но я хочу использовать vanilla JS.

Как я могу вызвать событие на отключенном элементе, чтобы мое оповещение было выполнено с использованием только чистого JS?

Answer 1

Этого нельзя сделать, и не следует делать это из соображений доступности.Тот, кто перемещается с помощью клавиатуры, никогда не сможет добраться до кнопки, чтобы взаимодействовать с ней.