angularjs – 如何在角度JS中获取剪贴板数据

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在角度JS中获取剪贴板数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我实际上正在使用角度JS来获取剪贴板的内容来模拟一个复制粘贴的东西.
我创建了一个使用 document.execCommand()方法复制到剪贴板的指令.

指示

(function() {
app.directive('copyToClipboard',function ($window) {
        var body = angular.element($window.document.body);
        var textarea = angular.element('<textarea/>');
        textarea.css({
            position: 'fixed',opacity: '0'
        });

        function copy(toCopy) {
            textarea.val(toCopy);
            body.append(textarea);
            textarea[0].select();

            try {
                var successful = document.execCommand('copy');
                if (!successful) throw successful;
            } catch (err) {
                console.log("Failed to copy",toCopy);
            }
            textarea.remove();
        }

        return {
            restrict: 'A',link: function (scope,element,attrs) {
                element.bind('click',function (e) {
                    copy(attrs.copyToClipboard);
                });
            }
        }
    })
}).call(this);

HTML

<button  copy-to-clipboard="Copy Me!!!!" class="button">COPY</button>
原文链接:https://www.f2er.com/angularjs/142866.html

猜你在找的Angularjs相关文章