Question

似乎禁用按钮“onclick”函数在触发程序时仍会触发，例如：

<div>
   <input type="button" onclick="save()" id="saveButton"    value="save"  disabled="disabled" />
   <input type="button" onclick="byPassDisabled()" value="bypass disabled button"/>
<div id="counter">0</div>

function save(){
    var count = parseInt($('#counter').html());
    $('#counter').html(++count);
}
function byPassDisabled(){
     $('#saveButton').click();   
}

请参阅http://jsfiddle.net/WzEvs/363/

在我的情况下，键盘快捷键绑定到触发按钮上的“.click（）”的功能。我发现必须禁用shorcuts或检查按钮是否已被禁用非常烦人。我更喜欢解决这个问题的一般解决方案。

但为什么呢？这种行为对我来说似乎不公平。
任何解决方法？

Answer 1

该属性仅禁用用户交互，该按钮仍可通过编程方式使用。

所以是的，你得检查

function byPassDisabled(){
    $('#saveButton:enabled').click();   
}

或者不要使用内联处理程序。

$(document).on('click', '#saveButton:enabled', function(){
    // ...
});

Answer 2

您可以通过编程方式触发单击已禁用的按钮。

有多种方法可以查找事件是否是用户点击按钮，或者是否已按编程方式触发。 http://jsfiddle.net/WzEvs/373/

$(function () {
    $("#saveButton").on('click', function (e) {
        if (!e.isTrigger) {
            var count = parseInt($('#counter').html());
            $('#counter').html(++count);
        }
    });
    $("#bypassButton").on('click', function (e) {
        $("#saveButton").click();
    });
});

如果您以编程方式调用e.isTrigger，则

click()为真。基本上你是在代码中手动触发click事件。

Answer 3

供将来使用...... OP代码有效，因为即使DOM元素被禁用，jQuery仍然会调用它自己的处理程序。如果要使用vanilla javascript，将禁用disabled属性。

const element = document.getElementById('saveButton');
element.click() //this would not work

Answer 4

你可以触发click但disable。正如Spokey所说它只是显示用户互动（可用性仍然存在，可以通过编程方式启用）。 off或unbind点击将解决此问题。

谢谢

禁用按钮仍然使用“.click（）”触发

4 个答案: