Javascript 如果有人单击“draggable”div中的输入，如何拖动div？

我有以下html和js（查看下面的JSFIDLE）

我已经将dom上的jquery拖动事件绑定准备好

。控制组

如果用户单击并拖动输入以外的任何位置（在div内），他们可以按预期拖动div，但如果单击输入，它会选择输入进行文本输入（不允许我们拖动）

我希望能够让用户单击div中的任何内容，并且应该能够拖动整个div

<div class="control-group">
    <label class="control-label" for="textInput">Text Input</label>
    <div class="controls">
        <!-- If someone clicks on this input, the whole div should still be draggable -->
        <!-- Its ok if the input is not usable, thats the point!, Its just for show -->
        <input id="textInput" name="textInput" type="text" placeholder="placeholder"/>
        <p class="help-block">you have an error!</p>
    </div>
</div>

因此，我正在寻找事件“冒泡”到
.control group
div（如果我做对了？！）

这样写：

$('.control-group').draggable( { cancel : " " } );

记住DragTable需要很多参数，你可以查找它们，这样textinput就可以聚焦，他想要相反的，他想要它，这样它就不会聚焦，甚至当你点击并从输入框中拖动时，也可以进行拖动这正是我所需要的！，输入永远不会获得焦点，您可以在单击时拖动整个div（即使是在输入上），我只需添加一个
光标：指针以实现我想要的！。。谢谢我会投票，但我需要15次+1这两种方式似乎都一样？（对于
textInput
或“”（空））这只是因为“取消”选项适用于标记类型，而不是ID。使用空引号比较容易理解。+1对于解释，我将更仔细地阅读文档，谢谢！
$('.control-group').draggable( { cancel : " " } );