javascript - 如何将唯一的事件监听器绑定(bind)和取消绑定(bind)到同一对象？

Question

假设我有以下 JavaScript:

$.each(idArray, function (index, value) {
    $('#'+value).on('mouseenter', function(event) {
        showTooltip();
        $(document).on('click', function (event) {
            if(!$(event.target).is('#'+value)) {
                hideTooltip();
                //remove this listener
            }
        });
    });
});

一旦触发，如何删除每个“点击”监听器，是否有任何方法可以唯一地标识它们并将它们从其他地方删除？显然我无法解除文档元素上的“点击”绑定(bind)。

Answer 1

您可以使用event.namespace为了它。

$.each(idArray, function (index, value) {
    $('#' + value).on('mouseenter', function (event) {
        showTooltip();
        $(document).on('click.tooltip', function (event) {
            if (!$(event.target).is('#' + value)) {
                hideTooltip();
                //remove this listener
                $(this).off('click.tooltip');
            }
        });
    });
});