javascript - 禁用点击时的父级事件，但允许 child 保留自己的事件

我的上传表格很大，用户可以在此处拖放图像。但是，当加载图像时，我正在显示按钮，单击该按钮应链接到某个页面。但是此元素而不是加载下一页，而是打开文件选择窗口（其父默认行为）

因此，我正在检查事件是否具有类，如果是真的，我正在使用e.preventDefault()。

而且效果更好（链接单击时我没有图像选择窗口，但此链接也将不起作用-每个事件均被禁用）我的问题是，我现在如何启用链接？

// jFiler is a parent - upload form, with event - on click it opens window for file choose - like input field.
$(document).on('click', '.jFiler', function(e) {
    if ($(event.target).hasClass("jFiler-input-done-btn"))  {
        e.stopPropagation();
        e.preventDefault();
    }
});

$('.jFiler-input-done-btn').on('click',function(e) {
    // Test works, but this is a link, and it cannot link to another page now...
    alert ('test')
});

最佳答案

您在父e.stopPropagation()事件中使用e.preventDefault()和click中断了链接执行。您只需要在此处返回true。

$(document).on('click', '.jFiler', function(e) {
    if( $(event.target).hasClass("jFiler-input-done-btn") ) {
        return true;
    }
});