angular - 如何在 Angular 2 Dragula 中的可拖动元素上保留文本可选？

Question

我在 Angular 2 应用程序中使用了 Dragula，我想知道是否有办法让文本保持可选状态，所以像可拖动元素内的跨度一样，仍应保持默认行为，因此您可以突出显示其上的文本。据我所知，在dragula选项中似乎没有办法。也许有人知道简单的方法？

Answer 1

所以我想我找到了我可以接受的解决方案。我将 Dragula 服务中的移动选项修改为这样

moves(element, container, handle) {
                return element.nodeName === 'my-draggable-element' && handle.nodeName !== 'span'
            }

所以当我们尝试在 span 所在的地方拖动我们的元素时，我们将无法做到。

然后在css中我刚刚添加了这种代码：

my-draggable-element {
    span {
        -moz-user-select: text;
        -khtml-user-select: text;
        -webkit-user-select: text;
        cursor: text;
    }
}

所以现在文本是可选择的，如果我们将它放在没有文本的部分上，该元素仍然是可拖动的。