2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > angular input 文本自动全选 + 扫描枪(回车)监听事件

angular input 文本自动全选 + 扫描枪(回车)监听事件

时间:2019-05-10 09:25:41

相关推荐

angular input 文本自动全选 + 扫描枪(回车)监听事件

扫描枪触发事件即keyup 13 (键盘enter事件)

HTML

<input nz-input #scan[(ngModel)]="scanVal" (keyup.enter)="dealScanInput(scanVal)" name="scanVal">

TS

import { ViewChild, ElementRef } from '@angular/core';// 定义元素@ViewChild('scan', { static: false }) scan: ElementRef;// 焦点聚焦autoFocus() {// 这里是重点,需要一个定时器,因为一般操作dom都是异步检查,不加也不影响setTimeout(() => {this.scan.nativeElement.select()}, 50)}// 扫描枪事件(enter事件)处理dealScanInput(e) {// 业务处理..// 选中input输入框内容this.autoFocus()}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。