javascript - 如何检测 div 中选定的文本？

Question

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

AngularJS 有没有办法做到这一点

Answer 1

为了在浏览器中捕获选定的文本，请尝试 Rangy图书馆。 I have created a small example如何使用它。我相信您可以扩展它以满足您的需求。

如果您需要在用户选择文本(无按钮)后立即采取行动，您应该监听 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
            });
        }
    };
});

您还可以找到this answer有趣。