如何使用Angularjs檢測textarea中的複製和剪切事件

Question

我是Angular的新手，並且想要檢測用戶是否從給定的textarea複製或剪切文本。

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

我該如何在Angular中做到這一點？我爲此做了sample plunker。

Answer 1

Working plunker.

<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> 

Answer 2

一個簡單的選擇是創建一個指令。例如

.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