第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

如何在angular8中制表后使用shift + tab時(shí)選擇整個(gè)值

如何在angular8中制表后使用shift + tab時(shí)選擇整個(gè)值

慕蓋茨4494581 2022-06-05 10:24:38
我有一個(gè)輸入字段作為金額,其中貨幣格式已完成。在這里我輸入一些值并使用選項(xiàng)卡出來?,F(xiàn)在我使用 shift+tab 并轉(zhuǎn)到同一個(gè)字段,所以在這種情況下,我希望光標(biāo)位于最后一位,我的意思是從右邊開始的第一個(gè)數(shù)字。相反,我希望默認(rèn)選擇當(dāng)前值,而不是將光標(biāo)保持在最后一位上。示例:我鍵入213.98它被格式化為$213.98在 tab out 之后,當(dāng)我在這里再次 tab 時(shí),光標(biāo)在 8 旁邊,而不是我想213.98被選中,并且基于箭頭鍵或鼠標(biāo)我可以移動(dòng)到我想要更改的數(shù)字。此外,當(dāng)我執(zhí)行 ctrl+Z 時(shí),它會撤消所有更改。HTML:<input type="text" class="form-control" placeholder="Amount in dolars"            formControlName="amount" autocomplete="off" currencyInput maxDigits="9" [ngClass]="{ 'is-invalid': eoInfo.amount.dirty  && eoInfo.amount.invalid }">TS:this.eoInfoForm = this.FB.group({      amount: ['', Validators.required],    });
查看完整描述

2 回答

?
慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊

onClick="this.select();"您可以通過添加輸入來自動(dòng)選擇所有文本。如果您希望能夠執(zhí)行 ctrl+z 您需要為您的輸入狀態(tài)添加一個(gè)偵聽器,如下所示:(input)="update($event.target.value);"然后在 update 方法中您可以執(zhí)行this.history.push(value);. 因此,現(xiàn)在您應(yīng)該有一個(gè)名為 history 的數(shù)組,其中包含已傳遞的所有不同值。

現(xiàn)在聽 ctrl+z keybind 撤消添加(keyup.control.z)="onKeydown($event)"到輸入的值,并在彈出歷史記錄并將新值設(shè)置為歷史記錄數(shù)組中的最新項(xiàng)目的方法中。如果您愿意,您還可以將先前的值保留在單獨(dú)的屬性中,并將其用作中間的步驟。

我希望這有點(diǎn)像你正在尋找的東西。

編輯1:

我不得不提一下,我從貨幣驗(yàn)證器中注釋掉了 keydown 事件,以便向您展示。 演示


查看完整回答
反對 回復(fù) 2022-06-05
?
萬千封印

TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊

您可以select在.focusCurrencyInputDirective


@HostListener("focus", ["$event.target.value"])

onFocus(value) {

    // on focus remove currency formatting

    this.el.value = value.replace(/[^0-9.]+/g, '')

    this.el.select();

}

現(xiàn)在您將能夠在單擊Shift+時(shí)選擇整個(gè)選項(xiàng)Tab。至于使用Ctrl+撤消所有更改z,您可以監(jiān)聽keydown事件并相應(yīng)地刪除輸入。在你的CurrencyInputDirective. 添加一個(gè)新HostListener的來監(jiān)聽keydown.control.z事件。


@HostListener("keydown.control.z", ["$event.target.value"])

onUndo(value) {

    this.el.value = '';

}


查看完整回答
反對 回復(fù) 2022-06-05
  • 2 回答
  • 0 關(guān)注
  • 177 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號