如何禁用按钮但仍允许在Chrome中提交表单？

Question

我们需要在点击后禁用该按钮以防止再次点击该按钮。

$('#btnSubmit').on('click',
    function(e) {
        $(this).attr('disabled', true);
    });

它在Microsoft Edge中运行良好。但是在Chrome中，按钮被禁用，表单永远不会提交。当我们弄乱按钮时，Chrome似乎有一个隐含的event.preventDefault()。

如何在不阻止提交表单的情况下禁用该按钮？