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

Question

我在 angular 2 应用程序中使用 dragula，我想知道是否有办法让文本可选择，因此可拖动元素内的 span 仍应作为默认行为，因此您可以突出显示其上的文本.据我所知，在 dragula 选项中似乎没有办法。也许有人知道简单的方法？

Answer 1

所以我想我找到了我满意的解决方案。我将 dragula 服务中的 moves 选项修改为这样

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;
    }
}

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

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

How to leave text selectable on draggable element in Angular 2 Dragula?

ng2-dragula

angular