Update digit-only.directive.ts

added an allowPaste input that can be set to false in markup to prevent pasting into an digitOnly input field
changhuixu · Sep 3, 2021 · bc4bf3d · bc4bf3d
1 parent 7ad10f3
commit bc4bf3d
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/projects/uiowa/digit-only/src/lib/digit-only.directive.ts b/projects/uiowa/digit-only/src/lib/digit-only.directive.ts
@@ -31,6 +31,7 @@ export class DigitOnlyDirective implements OnChanges {
   @Input() decimal = false;
   @Input() decimalSeparator = '.';
   @Input() allowNegatives= false;
+  @Input() allowPaste = true;
   @Input() negativeSign = '-';
   @Input() min = -Infinity;
   @Input() max = Infinity;
@@ -132,23 +133,29 @@ export class DigitOnlyDirective implements OnChanges {
       e.preventDefault();
     }
   }
-
+  
   @HostListener('paste', ['$event'])
   onPaste(event: any): void {
-    let pastedInput: string = '';
-    if ((window as { [key: string]: any })['clipboardData']) {
-      // Browser is IE
-      pastedInput = (window as { [key: string]: any })['clipboardData'].getData(
-        'text'
-      );
-    } else if (event.clipboardData && event.clipboardData.getData) {
-      // Other browsers
-      pastedInput = event.clipboardData.getData('text/plain');
-    }
+    if (this.allowPaste === true) {
+      let pastedInput: string = '';
+      if ((window as { [key: string]: any })['clipboardData']) {
+        // Browser is IE
+        pastedInput = (window as { [key: string]: any })['clipboardData'].getData(
+          'text'
+        );
+      } else if (event.clipboardData && event.clipboardData.getData) {
+        // Other browsers
+        pastedInput = event.clipboardData.getData('text/plain');
+      }
 
-    this.pasteData(pastedInput);
-    event.preventDefault();
+      this.pasteData(pastedInput);
+      event.preventDefault();
+    } else {  // this prevents the paste 
+      event.preventDefault();
+      event.stopPropagation();
+    }
   }
+
 
   @HostListener('drop', ['$event'])
   onDrop(event: DragEvent): void {