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

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

輸入事件時(shí),輸入光標(biāo)跳至輸入字段的末尾

輸入事件時(shí),輸入光標(biāo)跳至輸入字段的末尾

慕哥6287543 2021-04-05 16:14:59
我正在嘗試在輸入事件時(shí)將用戶(hù)輸入轉(zhuǎn)換為大寫(xiě)因此,每當(dāng)我在輸入字段中鍵入鍵時(shí),都會(huì)遇到以下問(wèn)題當(dāng)用戶(hù)在中間輸入時(shí),光標(biāo)跳到輸入值的末尾。最后鍵入的字符(不是最后一個(gè)字符)不會(huì)轉(zhuǎn)換為大寫(xiě)。這是JS小提琴的鏈接https://jsfiddle.net/aeL051od/以重現(xiàn)該問(wèn)題new Vue({  el: "#app",  data() {    return {      input: null    }  },  methods: {    handleInput(e) {      this.input = e.target.value ?        e.target.value.toString().toUpperCase() :        e.target.value;    }  }});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><div id="app">  <input type="text" v-model="input" @input="handleInput"> {{ input }}  <!-- {{ input }} is just for reference --></div>
查看完整描述

3 回答

?
猛跑小豬

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

我能夠解決您的問(wèn)題,但是您需要在代碼中引入一個(gè)新變量


HTML:


<div id="app">

   <input type="text" v-model="input" @input="handleInput">

   <p>{{ updated_value }}</p>

</div>

JS:


new Vue({

   el: "#app",

   data() {

       return {

           input: null,

           updated_value: null

       }

   },

   methods: {

       handleInput(e) {

           this.input = e.target.value;

           this.updated_value = e.target.value ? e.target.value.toString().toUpperCase() 

         : e.target.value;

       }

   }

});


摘要:

1)使用新變量(updated_value)存儲(chǔ)輸入的大寫(xiě)版本,并將其用作<p>

2的值。這確保輸入值不會(huì)被更新,從而不會(huì)導(dǎo)致游標(biāo)跳轉(zhuǎn)的問(wèn)題


查看完整回答
反對(duì) 回復(fù) 2021-04-15
  • 3 回答
  • 0 關(guān)注
  • 495 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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