女人让男人桶爽30分钟,精品一区二区,在线观看 ,久久久久亚洲精品,免费网站看av片,男女啪啪18禁无遮挡激烈

您好!歡迎來(lái)到源碼碼網(wǎng)

使用JS限制 input 輸入框只能輸入純數(shù)字

  • 源碼教程
  • 來(lái)源:源碼碼網(wǎng)
  • 編輯:源碼碼網(wǎng)
  • 時(shí)間:2025-02-12 16:57
  • 閱讀:277

一、使用JS限制 input 輸入框只能輸入純數(shù)字

onkeyup = "value=value.replace(/[^d]/g,'')"


使用 onkeyup 事件,有 bug ,那就是在中文輸入法狀態(tài)下,輸入漢字之后直接回車(chē),會(huì)直接輸入字母,所以:不推薦

onchange = "value=value.replace(/[^d]/g,'')"


缺點(diǎn):使用 onchange 事件,在輸入內(nèi)容后,只有 input 喪失焦點(diǎn)時(shí)才會(huì)得到結(jié)果,并不能在輸入時(shí)就做出響應(yīng)


oninput = "value=value.replace(/[^d]/g,'')"


使用 oninput

事件,完美的解決了以上兩種問(wèn)題,他可以即時(shí)做出響應(yīng),

缺點(diǎn):當(dāng)你先輸入數(shù)字,切輸入法中文,開(kāi)始輸入,之前輸入的數(shù)字會(huì)一個(gè)個(gè)的都消失,直到內(nèi)容為空


最后,我發(fā)現(xiàn)了一個(gè)功能實(shí)現(xiàn)上最好的:同時(shí)使用

onkeyup="this.value=this.value.replace(/D/g,'')" + onafterpaste="this.value=this.value.replace(/D/g,'')"


,唯一不太行的就是 輸入英文或中文是輸入框都會(huì)頻閃一下鍵盤(pán)輸入的東西,但還是可以接受的


二、VUE使用a-input-number組件限制 input 輸入框只能輸入純數(shù)字

利用a-input-number組件的controls屬性api去控制不顯示增減數(shù)值的按鈕

缺點(diǎn):當(dāng)你輸入中文或英文時(shí),只有在輸入框失去焦點(diǎn) 的時(shí)候才會(huì)去校驗(yàn)數(shù)字


三、VUE使用a-input組件利用type=number限制 input 輸入框只能輸入純數(shù)字

當(dāng)input 使用了type='number’后,會(huì)出現(xiàn)這個(gè)增減數(shù)值的按鈕,這里建議使用css去控制不顯示:

<a-input type='number' />// css部分 需要注意瀏覽器兼容問(wèn)題
<style scoped>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  
    -webkit-appearance: none;  
    appearance: none;  
    margin: 0;
} 

/* 火狐 */
input {  
    -moz-appearance: textfield;
}


缺點(diǎn):就是你輸入中文或者英文他會(huì)直接拼接一個(gè) 'e' 或 'E',所以:‘不推薦’

總結(jié):最最最后,個(gè)人感覺(jué)使用JS的方案四比較合適

<input onkeyup="this.value=this.value.replace(/D/g,'')" 
onafterpaste="this.value=this.value.replace(/D/g,'')">


特別聲明:
1、如無(wú)特殊說(shuō)明,內(nèi)容均為本站原創(chuàng)發(fā)布,轉(zhuǎn)載請(qǐng)注明出處;
2、部分轉(zhuǎn)載文章已注明出處,轉(zhuǎn)載目的為學(xué)習(xí)和交流,如有侵犯,請(qǐng)聯(lián)系客服刪除;
3、編輯非《源碼碼網(wǎng)》的文章均由用戶(hù)編輯發(fā)布,不代表本站立場(chǎng),如涉及侵犯,請(qǐng)聯(lián)系刪除;
全部評(píng)論(0)
推薦閱讀
  • CSS 媒體查詢(xún)(@media)寬度范圍設(shè)置建議
  • CSS 媒體查詢(xún)(@media)寬度范圍設(shè)置建議
  • 語(yǔ)法正確性:代碼使用現(xiàn)代范圍查詢(xún)語(yǔ)法(width>=1200pxandwidth<1400px),在支持該語(yǔ)法的瀏覽器(如Chrome104+、Firefox63+、Safari15.4+)中有效。邏輯正確性:當(dāng)視口寬度在1200px(含)至1400px(不含)之間時(shí),body的padding-top會(huì)設(shè)置為4px,符合用戶(hù)需求。兼容性建議:傳統(tǒng)寫(xiě)法:為兼容舊版瀏覽器,建議改用:@media?(w
  • 源碼教程
  • 來(lái)源:源碼碼網(wǎng)
  • 編輯:源碼碼網(wǎng)
  • 時(shí)間:2025-05-06 21:55
  • 閱讀:81
  • VS Code配置Vue自動(dòng)補(bǔ)全代碼教程
  • VS Code配置Vue自動(dòng)補(bǔ)全代碼教程
  • 在VSCode中配置Vue開(kāi)發(fā)的自動(dòng)補(bǔ)全代碼可以通過(guò)以下步驟實(shí)現(xiàn),以提高開(kāi)發(fā)效率:1.安裝必要插件Volar(推薦用于Vue3)針對(duì)Vue3和語(yǔ)法,提供更強(qiáng)大的支持。Vetur(適用于Vue2)若項(xiàng)目使用Vue2,安裝Vetur并禁用Volar以避免沖突。VueVSCodeSnippets提供常用代碼片段(如v-for,?v-model等)。2.配置VSCode設(shè)
  • 源碼教程
  • 來(lái)源:源碼碼網(wǎng)
  • 編輯:源碼碼網(wǎng)
  • 時(shí)間:2025-04-21 21:35
  • 閱讀:189
  • 中文域名有價(jià)值嗎?他的優(yōu)缺點(diǎn)是什么?
  • 中文域名有價(jià)值嗎?他的優(yōu)缺點(diǎn)是什么?
  • 中文域名(如“例子.中國(guó)”或“news.新華網(wǎng)”)作為互聯(lián)網(wǎng)本地化的重要體現(xiàn),近年來(lái)在特定場(chǎng)景下展現(xiàn)了獨(dú)特的價(jià)值,但也存在爭(zhēng)議和局限性。以下從多個(gè)角度分析其價(jià)值與挑戰(zhàn):1.核心價(jià)值點(diǎn)(1)用戶(hù)友好性與品牌本土化降低記憶門(mén)檻:對(duì)中文用戶(hù)而言,母語(yǔ)域名更直觀易記,尤其適合面向非英語(yǔ)用戶(hù)的中小企業(yè)、地方機(jī)構(gòu)或中老年群體。例如,“新華網(wǎng).中國(guó)”比“xinhuanet.com”更容易被普通用戶(hù)記住。強(qiáng)化品牌標(biāo)識(shí):中文域名可直接體現(xiàn)品牌名稱(chēng)(如“
  • 行業(yè)資訊
  • 來(lái)源:源碼碼網(wǎng)
  • 編輯:源碼碼網(wǎng)
  • 時(shí)間:2025-04-19 14:08
  • 閱讀:178
聯(lián)系客服
源碼代售 源碼咨詢(xún) 素材咨詢(xún) 聯(lián)系客服
029-84538663
手機(jī)版

掃一掃進(jìn)手機(jī)版
返回頂部