防止双击带有标签的复选框

Question

今天，我遇到了非常有趣的情况，并且真的想找到解决方案。我发现了很多类似的话题，但是答案无济于事。

因此，我需要防止通过Jquery双击我的复选框。 首先，我尝试了最简单的方法：

$("input[type='checkbox']", this).dblclick(function() {
    alert( "Double Clicked" );
});

但是警报不会在dblclick上出现。我找到了这样的解决方案：

$("input[type='checkbox']", this).on("change", function() {
    $("input[type='checkbox']", this).prop('disabled', true);
    sleep(750).then(() => {
        $("input[type='checkbox']", this).prop('disabled', false);
    }) 
})

很好地触发了此事件，但是在750毫秒内未禁用该复选框（但如果我放置警报，则警报在适当的时间到来，必须启用/禁用按钮），并且我仍然可以双击它。有什么解决办法吗？