angular html 复制 粘贴,使用Angular2禁用文本框的剪切,复制和粘贴功能的指令

您可以在指令中使用

HostListener来捕获

cut,paste和

copy事件,然后使用preventDefault().这是一个例子

import { Directive,HostListener } from '@angular/core';

@Directive({

selector: '[appBlockCopyPaste]'

})

export class BlockCopyPasteDirective {

constructor() { }

@HostListener('paste',['$event']) blockPaste(e: KeyboardEvent) {

e.preventDefault();

}

@HostListener('copy',['$event']) blockCopy(e: KeyboardEvent) {

e.preventDefault();

}

@HostListener('cut',['$event']) blockCut(e: KeyboardEvent) {

e.preventDefault();

}

}

像这样使用指令