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;
}

点击我的＆＃34;显示＆＃34; button-element不会激活任何点击事件。所有我发现谷歌搜索这是jQuery可以解决它，但我想使用香草JS。

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

Answer 1

该操作无法完成，出于可访问性原因也不应执行。使用键盘导航的人永远无法进入该按钮进行交互。

如何在禁用的按钮元素上触发click事件（使用纯vanilla JS）？

1 个答案: