如何检测div中选择的文本？

Question

我有ng-repeat生成的文本行，显示在div中。 我希望用户能够从这些行中选择并按下按钮，并使应用程序知道用户选择了哪些行

有没有办法在AngularJS中做到这一点

Answer 1

为了捕获浏览器中的选定文本，请尝试Rangy库。 我创建了一个如何使用它的小例子 。 我确定您可以扩展它以满足您的需求。

如果您需要在用户选择文本后立即采取措施（无按钮），则应监听mouseup事件。 以下指令应有帮助：

angular.module('myModule').directive('watchSelection', function() {
    return {
        link: function(scope, element) {
            element.on('mouseup', function(event) {
                var selection = rangy.getSelection();
                // do something with selected text
            });
        }
    };
});

您可能还会发现此答案很有趣。