Merge pull request #9719 from davisb10/patch-2

Fixed #9718 - Expose InputMask OnKeyDown event
primefaces · Feb 17, 2021 · b3578a7 · b3578a7
2 parents ca46e09 + 3fa4768
commit b3578a7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/app/components/inputmask/inputmask.ts b/src/app/components/inputmask/inputmask.ts
@@ -104,6 +104,8 @@ export class InputMask implements OnInit,OnDestroy,ControlValueAccessor {
     @Output() onBlur: EventEmitter<any> = new EventEmitter();
 
     @Output() onInput: EventEmitter<any> = new EventEmitter();
+
+    @Output() onKeyDown: EventEmitter<any> = new EventEmitter();
 
     value: any;
 
@@ -404,6 +406,8 @@ export class InputMask implements OnInit,OnDestroy,ControlValueAccessor {
             end;
         let iPhone = /iphone/i.test(DomHandler.getUserAgent());
         this.oldVal = this.inputViewChild.nativeElement.value;
+
+        this.onKeyDown.emit(e);
 
         //backspace, delete, and escape get special treatment
         if (k === 8 || k === 46 || (iPhone && k === 127)) {

diff --git a/src/app/showcase/components/inputmask/inputmaskdemo.html b/src/app/showcase/components/inputmask/inputmaskdemo.html
@@ -266,6 +266,11 @@ <h5>Events</h5>
                             <td>-</td>
                             <td>Callback to invoke on when the input field value is altered.</td>
                         </tr>
+                        <tr>
+                            <td>onKeyDown</td>
+                            <td>event: KeyboardEvent</td>
+                            <td>Callback to invoke on when the input receives a keydown event.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>
@@ -362,4 +367,4 @@ <h5>Dependencies</h5>
             </ng-template>
         </p-tabPanel>
     </p-tabView>
-</div>
+</div>