angular - 如何在 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;
    }
}

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