選擇焦點輸入的最後三位數字

Question

當字段接收焦點時是否可以自動選擇輸入字段的最後三個字符。

例如，輸入字段的編號爲「123456」。當該字段獲得焦點時，我希望選擇「456」，以便我可以鍵入「789」，然後輸入值爲「123789」。

我使用的離子3.

Answer 1

該解決方案使用ElementRef，它隨warning一起提供，因爲它容易受到XSS攻擊。並且將被用作最後的手段。

HTML：

<ion-item> 
    <ion-input type="text" #testInput (focus)="onFocus()"> 
    </ion-input> 
</ion-item> 

TS：

import { Component, ViewChild, ElementRef } from '@angular/core'; 
... 
export class TestPage{ 
    @ViewChild('testInput', { read: ElementRef }) input:ElementRef; 
    private inputRef; 

    constructor(){} 

    ionViewDidLoad(){ 
     this.inputRef = this.input.nativeElement.querySelector('input'); 
    } 

    onFocus(){ 
     let length = this.inputRef.value.length; 

     if(length > 3){ 
      this.inputRef.setSelectionRange(length - 3, length) 
     } 
     else{ 
      this.inputRef.select(); 
     } 
    } 
    ... 
} 

Answer 2

角2+

getLastDigits(value: string): number { 
 
    let digits: string; 
 
    let cutPoint: number; 
 
    if (value.length < 3) return value; 
 
    cutPoint = value.length - 3; 
 
    digits = value.substring(cutPoint); 
 
    return +digits; 
 
}

這應該做的伎倆。 this.getLastDigits(value.toString())在傳遞值時將數字轉換爲字符串。