事件处理程序内的事件处理程序正在相乘

Question

我有这段代码

jQuery('#parent').on('click', jQuery('#fileInput'), function (e) {
    jQuery(e.target).attr('data-fileurl', '');
    jQuery('#parent').on('change', jQuery('#fileInput'), function (e) {
        usefulFunction(jQuery(e.target);
    }
}

我的想法是检测是否在文件浏览中选择了取消，并且成功完成了。

问题是如果我再次点击它，它将运行.on('chance')两次，从而运行usefulFunction。每次单击都会添加更改事件处理程序usefulFunction只应在jQuery('#fileInput')每次更改时运行一次。我该如何防止这种意外行为？