简单的问题，当使用nd启用元素时，如果您有内部子元素(例如font-awesome元素)，如果单击内部元素，似乎无法拖动父元素。这意味着当拖动元素时，用户必须点击子元素周围的填充。
这是我的元素:
<a id="dragme" draggable="true"><i class="fa fa-search"></i></a>
下面演示了拖动时的故障行为。当您单击图标本身时，请尝试拖动。我用的是最新版的Firefox，不确定在其他浏览器上是否也会出现同样的行为。
http://jsfiddle.net/v6e5V/1/有什么技巧来解决这个问题，使整个元素是可拖动的吗?
谢谢
解决方案是将pointer-events: none添加到子元素中，它将执行以下操作:
元素永远不是鼠标事件的目标;但是，如果这些后代元素的指针事件设置为其他值，则鼠标事件可能针对其后代元素。在这些情况下，在事件捕获/冒泡阶段，鼠标事件将在到达/离开子代元素的途中触发此父元素上的事件侦听器。
参见更新后的jsFiddle