angular – 防止用户在文本框中释放空间

前端之家收集整理的这篇文章主要介绍了angular – 防止用户在文本框中释放空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以前,我使用jQuery处理问题如下: @H_403_1@$("#textInput").keydown(function (e) { return e.which !== 32; });

你会如何使用新的Angular和Typescript来处理它?

或者干脆; @H_403_1@<input type="text" (keydown.space)="$event.preventDefault();">

我设法创建了一个方便的指令,它接受你给它的任何关键数字并防止它们

@H_403_1@@Directive( { selector : '[prevent-keys]',host : { '(keydown)' : 'onKeyUp($event)' } } ) export class PreventKeyseDirective { @Input( 'prevent-keys' ) preventKeys; onKeyUp ( $event ) { if ( this.preventKeys && this.preventKeys.includes( $event. keyCode ) ) { $event.preventDefault(); } } }

然后像使用它一样

@H_403_1@<input [prevent-keys]="[32,37,38,39,40 ]" type="text">

这将防止空格,向上,向左,向下,向右键:D

原文链接:https://www.f2er.com/angularjs/141646.html

猜你在找的Angularjs相关文章