Как я могу обнаружить событие копирования и вырезания в текстовой области, используя Angularjs

Question

Как я могу обнаружить событие копирования и вырезания в текстовой области, используя Angularjs

0

Я новичок в Angular и хочу определить, копирует ли пользователь или вырезает текст из данного текстового поля.

<textarea ng-model="target"></textarea>
<p>{{ event }}</p>

Как я могу сделать это в Angular? Для этого я сделал образец plunker.

Rebel 27 окт. 2015, в 06:22

Источник

Теги:

javascript

angularjs

2 ответа

0

Один простой вариант - создать директиву. Например

.directive('detectCutCopy', function() {
    return function(scope, element) {
        element.on('cut copy', function(e) {
            scope.$apply(function() {
                scope.event = e.type;
            });
        });
    };
})

и в вашем шаблоне

<textarea ng-model="target" detect-cut-copy></textarea>

Plunker ~ http://plnkr.co/edit/2h0MSVM4506vOGrGxclu?p=preview

Phil 27 окт. 2015, в 02:37

0

не было необходимости создавать директиву.
Rebel 27 окт. 2015, в 05:23
1

@ Джигс Это круто. Я не осознавал, что Angular уже предоставил директивы ng-cut и ng-copy .
Phil 27 окт. 2015, в 05:24

Ещё вопросы

не было необходимости создавать директиву.
@ Джигс Это круто. Я не осознавал, что Angular уже предоставил директивы ng-cut и ng-copy .

Khalid Hussain · Accepted Answer · 2015-10-27T02-23-00.000Z

Рабочий плункер.

<div >
    <textarea name='textArea' ng-cut="event=cut" ng-copy="event=copy" value='copy/cut me'" ng-model="value"></textarea>

    <p>event: {{event}}</p>
</div>