问题
I'm trying to clear an input when a user presses comma (,). So what I did was, on (keypress)
I would check the keyCode
and if it's a comma I would clear the input by setting the input value to input.value = ''
.
HTML:
<input type="text" #elem (keypress)="clearInput($event)">
Code:
@ViewChild( 'elem' ) public element;
clearInput( e: KeyboardEvent ) {
if ( e.keyCode === 44 ) {
this.element.nativeElement.value = '';
} else {
console.log('Not a comma');
}
}
回答1:
Use Event.preventDefault().
Add preventDefault()
in your clearInput
code as shown below:
clearInput (e: KeyboardEvent) {
if (e.keyCode === 44) {
e.preventDefault(); // <-- Here
this.element.nativeElement.value = '';
} else {
console.log('Not a comma');
}
}
回答2:
Simply return false
if a comma is pressed:
class HomeComponent {
@ViewChild('elem') public element;
clearInput(e: KeyboardEvent) {
if (e.keyCode === 44) {
this.element.nativeElement.value = '';
return false;
} else {
console.log('Not a comma');
}
}
}
JSFiddle: https://jsfiddle.net/lucakiebel/zrehcwfy/1/
回答3:
You need to do 2 minor changes:
- Use
keyup
event to get the latest key typed and include in the value ofinput
- Use
e.key === ','
in theif
condition
Here is the working JSFIDDLE
来源:https://stackoverflow.com/questions/51744747/how-to-clear-an-input-value-on-some-button-press