javascript - 在父级上鼠标悬停后防止子级单击？

Question

我有一个父元素，其上附加了 mouse up 和 mouse down 事件，还有一个子元素，其附加了 click 事件。

在父级中触发 mouseup 事件后，是否有任何方法可以防止子级中发生 click 事件？

一个例子，关于 JSfiddle here ，目标是让内部方 block 在点击它时不会变成绿色。

理想情况下，我希望在不修改 $('#inner').on('click', function(){}) 的情况下执行此操作。我已经知道我可以在 mouseup 上设置一个 bool 值并在 click 上检查它，但我正在尝试找到一种方法来做到这一点而不修改点击事件。 p>

使用 jquery(或任何其他库)是一种选择，除了不修改 click 方法之外，我实际上没有任何限制。

编辑

感谢@adeneo 的建议，这看起来很有希望，但它让我意识到我错过了问题的很大一部分。在 mouseup 内部将进行条件检查，以确定是否应阻止点击。如果我删除该事件，我可以在避免点击后以某种方式将其添加回来吗？例如，在 setTimeout 中。我不确定如何(或者是否可能)获取对已删除的 click 函数的引用，然后重新添加处理程序。

希望这个new fiddle here帮助我更好地解释它!

Answer 1

$('#inner').on('mouseup', function(e) {    
        $(this).unbind("click");
        $(this).css({'background': 'black'});    
});

你试过这样吗？