javascript - 如何禁用和启用表格 td 上的点击事件？

Question

我有一个 html 表格。我使这张表的一个 td 可以点击。如果用户点击，它会以一定的时间间隔在屏幕上打印一些东西。所以，这个打印需要时间。我想在打印期间禁用我的点击事件。打印完成后，再次单击事件应该在那里。以下是我的代码:

var html = "<table class='analysis_table'>"
    +"<tr>"
        +"<th>Mismatch</th>"
        +"<th>Gap (%)</th>"
    +"</tr>"
    +"<tr>"
        +"<td class='clickMM'>"+mismatch+"</td>"
        +"<td>"+gap+"</td>"
    +"</tr>"
+"</table>";

$("#analysis").html(html);

$(document).on("click", ".clickMM", function () {
    $(this).css("pointer-events", "none");
    show(interval)
        .then(function(result){
            if(result == 'done')
                $(this).css("cursor", "pointer");   
        })
        .catch(function notOk(err) {
            console.error(err)
        })
});
function show(interval) {

    var promise = new Promise(function(resolve, reject) {
        printError();
        for(var i=0;i<(Order.length)-1;i++)
        {   printByTime(interval);//this includes setTimeout function
        }
        resolve("done");
        reject("Error");
    });
    return promise;
}

它停止点击但不再继续。这有什么问题吗？

Answer 1

如前所述，创建一个 css 类

.ClickMe {            
}

然后将类添加到TD列

 <td class="ClickMe">

然后使用该类作为选择器捕获点击并将指针事件设置为无。

 $(document).on("click", ".ClickMe", function () {
        alert("click");
        $(this).css("pointer-events", "none");
 });

再次单击不再显示警报。我假设无论您调用什么机​​制来打印，您都可以在它返回时重置指针事件。

谢谢