jquery - stopPropagation() 没有停止事件冒泡？

Question

jsFiddle

我正在使用一个 jQuery 插件，它允许用户在一个区域中绘制框。我在用户松开鼠标按钮时出现的框中放置了一个下拉列表。问题是，当您尝试单击下拉列表以选择一个选项时，会绘制另一个框。我尝试使用以下代码来停止单击事件冒泡（这在 jsFiddle 中 javascript 文件的底部附近），但它不起作用：

$('.dropdown').click( function(e) {
    e.stopPropagation();
    return true;
});

我究竟做错了什么？谢谢阅读。

Answer 1

A workaround is to check what is the target when mouse drag start. Something like this,

if (event.target.tagName.toLowerCase() != 'div' ) { return; }

or, in all events that happened.

OP's demo, updated